广告JS代码效果大全

广告JS代码效果大全
1.[普通效果]
现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可！注意修改广告图片地址和连接地址！

广告JS代码效果大全

2.[鼠标感应]
与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：

3.[允许关闭]
与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

   把上面的代码分别另存为两个JS文件，然后在想实现此效果的页面用

    <script type=”text/javascript” language=”javascript1.2″ src=”*.js”></SCRIPT>

    调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

广告JS代码效果大全

4.[浮动对联广告—之左侧代码]

如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

[ 5.背投广告]

[ 6.收缩广告]

    <script language=”javascript”>
    <!–
    var bwidth=800;
    var bheight=400;
    function go() {
    bwidth = bwidth – 10;
    bheight = bheight – 5;
    if(bwidth <= 10)
    { ads.style.display=\’none\’;clearTimeout(“my”); }
    else
    { ads.outerHTML=\'<span id=”ads” style=”width:\’+bwidth+\’px;height:\’+bheight+\’px;background-color:#0099FF;”></span>\’;}
    var my=setTimeout(“go()”,50);
    }
    setTimeout(“go()”,6000);
    //–>
    </script>
    <body topmargin=”0″ leftmargin=”0″>
    <div align=”center”><span id=”ads” style=”width:800px;height:400px;background-color:#0099FF”></span></div>
    </body>

    把上面的代码另存为三个*.JS文件，然后在想实现此效果的页面用

    CODE:
    <script src=”*.js”></SCRIPT>

    调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整

js幻灯片播放器

var _c = 0;
var _i = 0;
var _v = 0;
var _l = 0;
var _sf = 3000;
var _html = null;
var _image = null;
var _mycars= new Array();
var _w = new Array();
var _h = new Array();

function adRotator() {}

function adRotator.add(p,w,h)
{
   _mycars[_c] = p;
   _w[_c] = w;
   _h[_c] = h;
   _c = _c + 1;
}

/* 播放设置 */
function adRotator.loads()
{
   if (_i < _mycars.length && _l < 1)
   {
     _html = \'<img src=”\’ + _mycars[_i] + \'” width=”\’ + _w[_i] + \'” height=”\’ + _h[_i] + \'” style=”border:1px solid #CCCCCC;”>\’
     if (_v < 1)
     {
        document.getElementById(\’image\’).value = _html + \’,\’ + _i;
        document.getElementById(\’rotatorPlayer\’).innerHTML = _html;
        _i = _i + 1;
document.getElementById(\’backs\’).disabled=\’\’;
        window.setTimeout(“adRotator.loads(“+_i+”)”,_sf);
     }
   }
   else
   {
     _html = \'<img src=”\’ + _mycars[_i] + \'” width=”\’ + _w[_i] + \'” height=”\’ + _h[_i] + \'” style=”border:1px solid #CCCCCC;”>\’
document.getElementById(\’image\’).value = _html + \’,\’ + _i;
     document.getElementById(\’rotatorPlayer\’).innerHTML = _html;
   }
   if (_i+1 > _mycars.length)
   {
      document.getElementById(\’stops\’).disabled=\’True\’;
   document.getElementById(\’play\’).disabled=\’\’;
   document.getElementById(\’backs\’).disabled=\’\’;
   document.getElementById(\’next\’).disabled=\’True\’;
   _i = 0;
   _v = 1;
   }
}

/* 播放 */
function adRotator.play()
{
   _v = 0;
   _l = 0;
   adRotator.loads();
}

/* 下一张 */
function adRotator.next()
{
   _l = 1;
   if(_i+1 < _mycars.length)
   {
      _i = _i + 1;
   document.getElementById(\’play\’).disabled=\’\’;
   document.getElementById(\’stops\’).disabled=\’True\’;
   document.getElementById(\’backs\’).disabled=\’\’;
   adRotator.loads();
   }
   else
   {
      document.getElementById(\’next\’).disabled=\’True\’;
   }
}

/* 上一张 */
function adRotator.backs()
{
   _l = 1;
   if(_i-1 < 0)
   {
      document.getElementById(\’backs\’).disabled=\’True\’;
   }
   else
   {
      _i = _i – 1;
   document.getElementById(\’play\’).disabled=\’\’;
   document.getElementById(\’stops\’).disabled=\’True\’;
   document.getElementById(\’next\’).disabled=\’\’;
   adRotator.loads();
   }
}

/* 间隔时间 */
function adRotator.set()
{
   var _sfc = document.getElementById(\’second\’).value;
   if (isInteger(_sfc))
   {
     _sf = _sfc * 1000;
   }
   else
   {
     alert(\’提示：只能输入数字！\’);
     document.getElementById(\’second\’).value=1;
     document.getElementById(\’second\’).select();
   }
}

/* 字符检测 */
function isInteger(str)
{
var regu = /^[-]{0,1}[0-9]{1,}$/;
return regu.test(str);
}

/* 暂停 */
function adRotator.stops()
{
_v = 1;
}

/* 添加图片,还要加的话注意图片名字就好了,后面400,300是大小 */
adRotator.add(“1.jpg”,400,300);
adRotator.add(“2.jpg”,400,300);
adRotator.add(“3.jpg”,400,300);

把以上文件存为一个JS文件

在下面文件中引用即可

本文链接：https://www.cnblogs.com/nianshi/archive/2009/12/04/1617021.html

广告JS代码效果大全

广告JS代码效果大全的更多相关文章

随机推荐

热门专题

目录导航