比较不错的一款图片广告效果

<!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="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>  <script type="text/javascript" src="https://www.jb51.net/onlineread/imgad/sca_ad.js"></script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

比较不错的一款图片广告效果

您可能感兴趣的文章: