Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 仿flash图片切换代码

js 仿flash图片切换代码

发布时间:2017-10-13   编辑:www.jquerycn.cn
jquery中文网为您提供js 仿flash图片切换代码等资源,欢迎您收藏本站,我们将为您提供最新的js 仿flash图片切换代码资源
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <title> exmpall </title> <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <style type="text/css"> .chenyi { padding: 0; margin: 0; background-image: url(http://www.stnn.cc/ent_focus/200804/W020080424340598607889.jpg);/*设置默认图片*/ width: 300px;/**/ height: 300px; border-style: solid; border-color: #E6C963; border-width: thin; cursor:pointer; } ul{ list-style-type: none;/*取消li前面的园点*/ } .li1{ position:absolute; left: 200px;/*li 区块大小*/ top:290px; text-align:center;/*li文本居中*/ width: 15px;/*li 大小*/ height: 15px;/*li 大小*/ border-style: solid;/*li 边框样式*/ border-color: #F2D8CA;/*li 边框color*/ border-width: thin;/*设置li 边框线条*/ } .li2 { position:absolute; left: 220px; top:290px; text-align:center; width: 15px; height: 15px; border-style: solid; border-color: #F2D8CA; border-width: thin; } .li3 { position:absolute; left: 240px; top:290px; text-align:center; width: 15px; height: 15px; border-style: solid; border-color: #F2D8CA; border-width: thin; } </style> <script type="text/javascript"> </script> </head> <body>
<ul> <li id="li1" class="li1" onclick="li1()">1</li> <li id="li2" class="li2" onclick="li2()">2</li> <li id="li3" class="li3" onclick="li3()">3</li> </ul>
</body> </html> </textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
纯javascript 仿flash图片切换代码
javascript 仿flash焦点图片切换代码
经典的仿切片滤镜的图片幻灯切换效果
jquery仿flash 个性实用的新闻图片联动标题效果
仿discuz 论坛 LightBox图片相册查看代码!
js 仿flash图片切换代码
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
仿Flash幻灯片效果的js代码
javascript 淡入式图片幻灯切换效果(带说明的)
javascript flash新浪新闻频道图片幻灯切换效果

[关闭]