首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > 比较不错的一款图片广告效果 2007-06-20 00:00:00 作者： 比较不错的一款图片广告效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="imagetoolbar" content="no" /> <title>SCA Ad Image Process</title> <link rel="stylesheet" type="text/css" media="all" href="/onlineread/imgad/style.css" /> <script type="text/javascript"> var obj=document.getElementById; var currentAd=0;//初始广告编号 var adTimer; var baseurl="https://www.jb51.net/onlineread/imgad/";//广告图片的根目录 var maxinfo=18;//信息栏可显示的最长字数 var adDelay=3000;//广告切换时间,3000为3秒,依次类推 var controlItemId="controlitem";//根据自己的页面为跟踪条取ID前缀名 var mapcolor="#003366";//Ad跟踪条颜色，建议与信息栏的a:hover一样 var imglink=new Array(); //开始写入广告图片信息 格式："文件名","链接地址","链接名","" imglink[0]=new Array("1.jpg","https://www.jb51.net","第二届冒险岛征文大赛火热报名中","") imglink[1]=new Array("2.jpg","https://www.jb51.net","《海贼王》第2部明日在江汉影城上映","") imglink[2]=new Array("3.jpg","https://www.jb51.net","NARUTO，我最钟爱的角色投票","") imglink[3]=new Array("4.jpg","https://www.jb51.net","《狮子王2》片方称进入剪辑合成阶段","") imglink[4]=new Array("5.jpg","https://www.jb51.net","荷兰动物学家已对龙猫的真实身份揭谜","") imglink[5]=new Array("6.jpg","https://www.jb51.net","日本动漫高手12日赴武汉进行学术交流","") </script> </head> <body> <!--以下三个DIV缺一不可,ID不能够变,位置也不能够变--> <div id="adBox"> <div class="imgBox"><img src="/upload/2007620202311660.jpg" style="filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward);" id="show" alt="" /></div> <div id="control"></div> <div id="info"></div> </div> <!--核心函数跟在以上DIV下面,注意:如放在HEAD无效--> <script type="text/javascript" src="https://www.jb51.net/onlineread/imgad/sca_ad.js"></script> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
