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

SCA Ad Image Process

var obj=document.getElementById;
var currentAd=0;//初始广告编号
var adTimer;
var baseurl="http://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","http://www.jb51.net","第二届冒险岛征文大赛火热报名中","")
imglink[1]=new Array("2.jpg","http://www.jb51.net","《海贼王》第2部明日在江汉影城上映","")
imglink[2]=new Array("3.jpg","http://www.jb51.net","NARUTO，我最钟爱的角色投票","")
imglink[3]=new Array("4.jpg","http://www.jb51.net","《狮子王2》片方称进入剪辑合成阶段","")
imglink[4]=new Array("5.jpg","http://www.jb51.net","荷兰动物学家已对龙猫的真实身份揭谜","")
imglink[5]=new Array("6.jpg","http://www.jb51.net","日本动漫高手12日赴武汉进行学术交流","")

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

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

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

    SCA Ad Image Process var obj=document.getElementById; var currentAd=0;//初始广告编号 var adTimer; var baseurl="http://www.jb51.net/onlineread/imgad/";//广告图片的根目录 var maxinfo=18;//信息栏可显示的最长字数 var adDelay=3000;//广告切换时间,3000为3秒,依次类推 var controlItemId=&quo

  • js实现百度联盟中一款不错的图片切换效果完整实例

    本文实例讲述了js实现百度联盟中一款不错的图片切换效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>js实现百度联盟中的一个不错的图片切换效果</title> <body> <script> var links = new Array(); links[1] = "http://www.baidu.com/"; links[2] = "http://www.jb5

  • 用javascript实现的仿Flash广告图片轮换效果

    <!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-

  • 一款简单的jQuery图片标注效果附源码下载

    一款简单的jQuery图片标注效果附源码下载

    为了提高用户体验度,在一些电商网站和家居网站上我们会看到,一张图片中显示多种商品,点击每个商品可以弹出对应商品的简单介绍,包括价格等等,设计非常的人性化,今天我们通过实例给大家分享使用jQuery插件来实现这一效果. 先给大家展示下效果图: 效果演示          源码下载 HTML 首先,我们加载jQuery库和easypin插件. <script src="jquery.min.js"></script> <script src="jqu

  • JS实现的车标图片提示效果代码

    JS实现的车标图片提示效果代码

    本文实例讲述了JS实现的车标图片提示效果.分享给大家供大家参考.具体如下: 这是一款基于JavaScript的鼠标提示效果,名车车标展示提示效果-鼠标移过时显示车标图片,页面打开后并不显示车标,只有当鼠标移在车标上的时候,车标才突然出现,类似Js提示特效,本代码兼容性也写的不错,代码也并不复杂,大部分是调用图片的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-car-ico-alert-style-demo/ 具体代码如下: <!DOC

  • 非常不错的Flash缓动广告导航

    非常不错的Flash缓动广告导航

    非常不错的Flash缓动广告导航  今天整理电脑看到这个效果,再重新练习了一遍 先看效果:新建一个flash名字随便了,大小588*350  : 1,把你要放的图片导到库里面 .2,新建一个mc名字为mc1, 把刚才的图片拖进来,上对齐,左对齐 .3,新建一个mc名字为color 用矩形工具拖个色条宽20 高350,然后再回到mc1新建一层,把color拖进来也是左对齐,上对齐 .4,新建一层在mc1上写上要显示的文字 .5,再在mc1上新建一层,加入一个20*350的按钮,实例名为btn .6

  • jquery的幻灯片图片切换效果代码分享

    jquery的幻灯片图片切换效果代码分享

    本文实例讲述了jquery的幻灯片图片切换效果.分享给大家供大家参考.具体如下: 这是一款基于jquery的幻灯片图片切换效果代码,有缩略图和标题,可以自定义标题. 运行效果图:     -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. (1)在head区域引入CSS样式: <LINK rel=stylesheet type=text/css href="css/lrtk.css&quo

  • 使用jQuery实现页面定时弹出广告效果

    使用jQuery实现页面定时弹出广告效果

    1.JQuery效果 2.步骤分析: 第一步:引入jQuery相关的文件 第二步:书写页面加载函数 第三步:在页面加载函数中,获取显示广告图片的元素. 第四步:设置定时操作(显示广告图片的函数) 第五步:在显示广告图片的函数中,使用jQuery的方法让广告图片显示(show()) 第六步:清除显示广告图片的定时操作 第七步:设置定时操作(隐藏广告图片的函数) 第八步:在隐藏广告图片的函数中,使用jQuery的方法让广告图片隐藏(hide()) 第九步:清除隐藏广告图片的定时操作 <script

  • js带前后翻页的图片切换效果代码分享

    js带前后翻页的图片切换效果代码分享

    本文实例讲述了javascript带前后翻页的图片切换效果.分享给大家供大家参考.具体如下: 这是一款基于javascript带前后翻页的图片切换效果代码,实现过程很简单. 运行效果图: -------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link href="css/css.css" rel="stylesheet" type=&qu

  • Android自定义ViewPager实现个性化的图片切换效果

    Android自定义ViewPager实现个性化的图片切换效果

    第一次见到ViewPager这个控件,瞬间爱不释手,做东西的主界面通通ViewPager,以及图片切换也抛弃了ImageSwitch之类的,开始让ViewPager来做.时间长了,ViewPager的切换效果觉得枯燥,形成了审美疲劳~~我们需要改变,今天教大家如何改变ViewPager切换时的效果,实现个性化的图片切换 看一下这样效果的图片切换: 是不是比传统的效果个性很多,嘿嘿~~其实很简单,学习完这篇文章,保证你可以自定义切换效果,做出各式各样的效果. 1.制作前的分析 观察下效果图,实际上

随机推荐