请问下各位大神,这段js代码如何理解?图片的渐隐渐现。
js渐隐渐现图片切换效果*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}/* focus */#focus{width:380px;height:504px;margin:0 auto;}#focus div{position:absolute;width:380px;height:504px;overflow:hidden;}#focus img{width:380px;height:504px;}#focus #focus_img{display:none;}
images/asdfw580.jpg|http://sc.chinaz.com/|美女1号
images/sfw580.jpg|http://sc.chinaz.com/|美女2号 |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
这个使用定时器实现的,跟你说一下思路吧,你给的代码感觉比较麻烦。
- 定义div设置导入img并定好id
- 编写js代码,定义函数为img透明度增减
- 设置定时器循环调用js的透明度变化函数
这样就实现了图片渐隐渐现,其实就是定时器循环改变透明度而已。
|
|
|
|
|