本文实例为大家分享了射流研究…图片浏览效果的具体代码，供大家参考，具体内容如下

在线地址：http://www .慧12。com/nbin/demo/imgskim/index。html https://nbin 2008。github。io/demo/imgskim/index。超文本标记语言

效果图：

指数

！DOCTYPE html html head meta charset=' utf-8 ' title仿百度图片浏览/title link rel='样式表type=' text/CSS ' href=' CSS/index。CSS '/script src=' http : js/jquery-2。1 .0 .js '/script script src=' http : js/data。js '/script script src=' http : js/handleimage。js '/script script src=' http 3360 js/index。js '/脚本/头体div类-图片显示-div class=' show img 1 ' a href=' JavaScript :'class=' show img 1 _ BTnLeft '/a a href=' JavaScript 3:'class=' showimg 1 _ BTN右'/a div class=' imgbox 1 ' img src=' http : ' class=' img 1 '/div/div！-图片选择-div class=' choice img 1 _ box ' div class=' nav list 1 ' span class=' btniglist '图片列表I/I/span span class=' BtNimgScale ' a href=' JavaScript :'class=' Scaleadd1 '/a b类=' Scale 1 ' 100% a href=' JavaScript :'class=' scale reduce 1 '-/a/span span class=' btnimcgini t1 '原始尺寸/span span class=' btnimfolscreen '全屏/span跨度其他/span跨度其他/span/div class=' BoxLimit1 ' a href=' JavaScript 3:'class=' choose img 1 _ btnLeft '/a div class=' imglistbox 1 ' ul class=' imglist 1 '/ul/div a href=' JavaScript : '；class=' chooseImg1 _ BTN右'/a/div/div/class=' sider 1 ' p class=' pTroTit1 '/p p class=' ptroname 1 '/p/div/div！-全屏-div class='容器2 ' div class=' chooseTimeBox ' select class=' select '选项值=' 2 ' 2s/选项值=' 3 ' 3s/选项v