教程集 > 脚本编程 > javascript > 正文漂亮的仿国外网站图片展示效果

漂亮的仿国外网站图片展示效果

发布时间：2017-07-04 编辑：jiaochengji.com

教程集为您提供漂亮的仿国外网站图片展示效果等资源，欢迎您收藏本站，我们将为您提供最新的漂亮的仿国外网站图片展示效果资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" >漂亮的仿国外网站图片展示效果 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>漂亮的仿国外网站图片展示效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{margin:0;padding:0;} img{border:0;display:block;} body{background:#000;} .wraper{width:500px;margin:0 auto;} .wraper ul{list-style:none;} .wraper li{float:left;margin:5px;} .wraper li img{border:1px #ccc solid;} #show_detail{position:absolute;background:url (http://www.zzsky.cn/effect/images/201002270850/bg.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=scale,src='http://www.jiaochengji.com/notfound.jpg');_background-image:none;padding:9px;border:1px #fff solid;} </style> </head> <body>

<ul id="imgList"> <li> 漂亮的仿国外网站图片展示效果

</li> <li> 漂亮的仿国外网站图片展示效果

</li> </ul>

50){ currentImg.filters.alpha.opacity-=10; window.setTimeout(_pic1 (currentImg),20); } } if(!document.all){ if(currentImg.style.opacity>0.5){ currentImg.style.opacity=parseFloat (currentImg.style.opacity)-0.1; window.setTimeout(_pic1 (currentImg),20); } } } //解决setTimeout中函数不能带参数的问题 function _pic1(currentImg){ return function(){ pic1(currentImg); } } //渐显 function pic2(currentImg){ if(document.all){ if(currentImg.filters.alpha.opacity<100){ currentImg.filters.alpha.opacity =10; handleLight=window.setTimeout(_pic2 (currentImg),20); } } if(!document.all){ if(currentImg.style.opacity<1){ currentImg.style.opacity=parseFloat (currentImg.style.opacity) 0.1; handleLight=window.setTimeout(_pic2 (currentImg),20); } } } //解决setTimeout中函数不能带参数的问题 function _pic2(currentImg){ return function(){ pic2(currentImg); } }

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
漂亮的仿国外网站图片展示效果
 Illustrator仿照photoshop蒙版绘制漂亮透明变化的月亮效果教程
 基于jquery的15款幻灯片插件
 Illustrator绘制漂亮的白色雏菊教程一览
 photoshop制作简洁漂亮网站快速导航工具教程
 jquery【插件】图片切换轮播等
 Illustrator网格工具绘制漂亮的北极光效果教程
 jQuery信息提示插件 Dynamic tooltip
分享十五个最佳jQuery 幻灯插件和教程
 谷歌/ff浏览器安装ublock插件后不能屏蔽广告问题处理

上一篇：兼容多款浏览器的ImageZoom图片放大效果下一篇：javascript 加密算法解密算法代码

[关闭]

漂亮的仿国外网站图片展示效果

最近更新

浏览排行