网页特效
建站首页
|
广告代码
|
源码下载
|
站长工具
|
字体下载
|
网页模板
|
收藏本站
|
设为首页
网站首页
菜单导航
日期时间
背景图像
图层样式
鼠标键盘
页面窗口
色彩表格
链接文字
表单按钮
计数转换
游戏娱乐
综合实例
特效
热门搜索:
特效代码
js脚本
导航菜单
热点推荐:
英文字体
人民币汇率
dw插件
站长常用软件
alexa排名查询
您的位置:
网页特效
->
背景图像
-> 万网首页js图片切换广告代码
万网首页js图片切换广告代码
作者:admin 发布时间:2010-2-21 5:35:15 发布人: admin
<style type="text/css"> .picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 250px} .picshow_main { position: relative; width: 690px; height: 250px} .picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 690px; height: 250px} .picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 600px;} .picshow_change img {width:15px; height: 15px} .picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px; -display: inline} a.axx { border-color: #555} a.axx:hover {border-color: #000} a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4} a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0} a.bxx { border-color: #000} a.bxx:hover {border-color: #000} img{ border:0px} </style> <script language="javascript"> //图片滚动展示 Start var counts = 3; //大图//欢迎来到站长特效网。 img1 = new Image(); img1.src = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_ad100127.jpg'; img2 = new Image(); img2.src = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_ad091225.jpg'; img3 = new Image(); img3.src = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_ad091230.jpg'; var smallImg = new Array(); //小图 smallImg[0] = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_adb1.gif'; smallImg[1] = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_adb2.gif'; smallImg[2] = 'http://web.archive.org/web/20150530050820/http://images1.www.net.cn/static/images/index_adb3.gif'; //链接地址 url1 = new Image(); url1.src = 'http://web.archive.org/web/20150530050820/http://www.jz123.cn/'; url2 = new Image(); url2.src = 'http://web.archive.org/web/20150530050820/http://ziti.jz123.cn'; url3 = new Image(); url3.src = 'http://web.archive.org/web/20150530050820/http://ziti.jz123.cn'; //alt值 alt1 = new Image(); alt1.alt = '现在购买虚拟主机免费开通在线客服功能(渠道除外)'; alt2 = new Image(); alt2.alt = '建站普及风暴,圣诞元旦礼上礼'; alt3 = new Image(); alt3.alt = '冬日暖阳 年度双薪'; ////欢迎来到站长特效网. var nn = 1; var key = 0; function change_img() { if (key == 0) { key = 1; } else if (document.all) { document.getElementById("pic").filters[0].Apply(); document.getElementById("pic").filters[0].Play(duration = 2); } eval('document.getElementById("pic").src=img' + nn + '.src'); eval('document.getElementById("url").href=url' + nn + '.src'); eval('document.getElementById("pic").alt=alt' + nn + '.alt'); if (nn == 1) { document.getElementById("url").target = "_blank"; document.getElementById("url").style.cursor = "pointer"; } else { document.getElementById("url").target = "_blank" document.getElementById("url").style.cursor = "pointer" } for ( var i = 1; i <= counts; i++) { document.getElementById("xxjdjj" + i).className = 'axx'; } document.getElementById("xxjdjj" + nn).className = 'bxx'; nn++; if (nn > counts) { nn = 1; } tt = setTimeout('change_img()', 7000); } function changeimg(n) { nn = n; window.clearInterval(tt); change_img(); } function ImageShow() { document.write('<div class="picshow_main">'); document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>'); document.write('<div class="picshow_change">'); for ( var i = 0; i < counts; i++) { document.write('<a href="javascript:changeimg(' + (i + 1) + ');" id="xxjdjj' + (i + 1) + '" class="axx" target="_self"><img src="' + smallImg[i] + '"></a>'); } document.write('</div></div>'); change_img(); } //图片滚动展示 End </script> <script language="javascript" type="text/javascript"> ImageShow(); </script>
万网首页js图片切换广告代码
将本文收藏到QQ书签与更多好友分享
上一篇:文章:
不能屏蔽的网页右下角窗口特效
下一篇:文章:
网页取色器代码
本类浏览排行 »
搜索页面中的内容
又一款综合搜索引擎代码
标题栏显示当前时间
倒影效果的电子表,显示当前时间
自动记录当前页面最新的更新日期
JS让网页每隔2秒弹出一次对话框
一款超酷的CSS列表排行榜
鼠标悬停放大的纯CSS分页效果
本站推荐文章 »
垂直三栏自适应等高布局
仿QQ消息管理器的文本内容样式
支付宝的控制台动画效果菜单
文字、图片拖曳移动
可拉伸移动的DIV层效果
很酷的图片伸缩放大功能
较好的视觉效果的网页选项卡
CSS实例:通过定义渐变边框给图片加阴影