1、先设置一段JS代码，如function DrawImageMyPic，W，H var flag=falsevar image=new Imageimagesrc=MyPicsrcifimagewidth0 imageheight0 flag=trueifimagewidthimageheight= WH ifimagewidthW MyPicwidth=WMyPicheight=imageheight*W。

2、楼上的滤镜效果只有IE里好用，firefox是不认的既然楼主要JS结合CSS，那我就写一个最简单的了 margin0 padding0 liststyle li width100px height100px margin0 5px 0 0 background#blue floatleft positionrelative zindex1 li imgbackground#c00。

3、function getNaturalWidthAndHeightimg var image = new Imageimagesrc = imgsrcreturn imagewidth，imageheight 点击缩略图弹出层，显示原始图片获取class为tz_main_box下的所有p标签下的图片img quottz_main_box pimgquoteachfunction k，v thisunbindquotclick。

4、原句js是这样，我想让这个数组的内容动态写入，这个里 image 要从数据库中提出来，然后我改了下，改成这样 picarr = new Array areaDailyList = new Arraylt%for i=0 to 9 picarr=quot\#39image\#39\\#39p2jpg\#39\，\#39imageUrl\#39\\#39p2jpg\#39\，\#39imageTitle\#39\\#39P6100节能气密平开窗\#39\。

5、lightSlider轻量级响应式的滑块插件，支持缩略图导航垂直滑块以及相册功能Alertifyjs美化通知信息的JavaScript框架，用于展示警告提示和信息pickadatejs日期时间选择器插件，简化日期和时间输入过程chosen改进下拉式选择列表的jQuery插件，使长列表更加友好易用typeaheadjs由Twitter开发的。

6、参考代码lt！DOCTYPE html Title btn display block margin135px auto width 30px height 30px fontsize 30px cursor pointer btnhover color gray fontsize 35px fontweight bold。

7、这个应该属于JS特效代码，可以网上搜一下“有缩略图的jQuery相册代码”，会解决您的问题的。

8、你看我站上的轮播图实现这个效果只需要简单的初始化代码new MarqueeMSClass quotslider_boxquot，quotcontentListquot，quotpreviewListquot，Direction 2，Step 03，Width 286，Height 251，Timer 20，DelayTime 2500，AutoStart true当然，JS类库的功能是很强大的，可以实现各种。

9、lt！ var timeOutfunction viewpic var bigImgDiv=documentgetElementById#39showBigImg#39bigImgDivclassName=#39view#39=#39block#39bigImgDivonmouseout=delaybigImgDivonmouseover=clebigImgDivinnerHTML=quotquot function hidden documentgetElementById#39show。

10、第一步，引用脚本Videojs团队贴心地提供了CDN链接，你可以直接引用，无需下载代码并放入自己的网站第二步，在页面中加入一个HTML5的video标签标签的结构应该是这样的您的浏览器不支持视频标签 其中，post可以替换为视频的缩略图，两个source标签分别指向mp4和webm格式的视频文件在页面加载过程。

11、您的浏览器不支持视频标签 其中，post可以替换为视频的缩略图，两个source标签分别指向mp4和webm格式的视频文件在页面加载过程中，videojs会自动判断浏览器支持哪个格式的视频，并加载可播放的视频这样的操作不仅简化了页面制作的过程，也提升了用户体验，使得视频播放更加流畅通过这种方式，开发者可以。

12、你这代码不全的吧，还有我个人感觉织梦内置的轮播效果不怎么理想现在很多封装好的JS类库可以使用，比如JQ等，初始化也非常的简单，不用你上边这么多代码，兼容性也没的说你看我站上的轮播图实现这个效果只需要简单的初始化代码new MarqueeMSClass quotslider_boxquot，quotcontentListquot，quotpreview。

13、EditPlus是一款由韩国Sangil Kim出品的小巧而功能强大的可处理文本，HTML和程序语言的Windows编辑器，可以通过设置用户工具将其作为C，Java，PHP等等语言的一个简单的IDE 6Sublime Text Sublime Text是一款代码编辑器，是HTML和散文先进的文本编辑器具有漂亮的用户界面以及强大的功能，比如代码缩略图。

14、当然，你完全可以选择用闭包去做，这样我们的缩略图打开关闭功能就做好了 钢笔是meta2d提供的连线工具，meta2d内置了4种连线样式，分别为默认是曲线， 相关API我们可以通过身上是否有值来判断钢笔状态，从而调用不同API实现钢笔的打开关闭功能，像下面代码一样同样。

15、lightSlider jQuery的响应式跑马灯插件，支持缩略图导航和相册功能alertifyjs 美化通知信息的JavaScript框架pickadatejs 日期时间选择器，提升用户体验Chosen 改善长选单交互，提升下拉选择体验Typeaheadjs 强大的建议列表库，由Twitter开发textillatejs CSS3动画特效的简单应用工具Chart。

16、这个是用的模板里面的模块 你翻到这个的最下面，有模板作者，然后购买这个模板就可以了 用代码也可以做但是需要 购买js旗舰版的旺铺。