首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

现在首页很流行的那种,分页广告框,都是如何做的

2012-02-27 
现在首页很流行的那种,分页广告框,都是怎么做的?就是那个flash,下面有1|2|3|4|5的按钮。chinaren和csdn首页

现在首页很流行的那种,分页广告框,都是怎么做的?
就是那个flash,下面有1|2|3|4|5的按钮。


chinaren和csdn首页都有的。

想找一个模版,

谢谢!

[解决办法]
mark

[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">

<META NAME= "Description " CONTENT= " ">
</HEAD>

<BODY>
<div align= "center "> <div id=AdRotator> </div> <input id= "second "> <button onclick= "adRotator.set(getRef( 'second ').value) "> set time </button> </div>
<SCRIPT LANGUAGE= "JavaScript ">

<!--
function adRotator() {};
adRotator.initialize=function(o)
{
// script by blueDestiny

this._t = new Array();
this._l = new Array();
this._p = new Array();
this._i = new Image();
this._c = 0;
this._f = false;
this._o = o;

this._timeout = null;
this._html = " ";

// configration.
// @ image width
// @ image height
// @ rotator speed
// @ filter type

this._w = 450;
this._h = 450;
this._s = 4;
this._x = 23;

return this;
};
adRotator.add=function(p,t,l) { with (this)
{
_p.push(p);
_t.push(t);
_l.push(l);
}};

adRotator.load=function() { with (adRotator)
{
if( _i.readyState== 'complete ' )
{
if(_p.length-1==_c)
{
_f = true;
_c = 0;
window.clearTimeout(_timeout);
//getRef( "AdRotator ").innerHTML= "complete ";
adRotator.play();
}
else
{
_c++;
getRef(_o).innerHTML= "total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "... ";
_timeout=window.setTimeout(adRotator.load,10)
}
}
else
{
getRef(_o).innerHTML= "total images " + _p.length + ", loading picture " + _c + ' ' + _i.readyState + "... ";
_timeout=window.setTimeout(adRotator.load,10)
}
}};

adRotator.play=function() { with (adRotator)
{
if( _f )
{
_html = " ";
_html += ' <table style= "border:1px solid #333333; "> <tr> <td style= "font-size:9pt;font-family:tahoma;font-weight:bold; "> '
_html += ' <div id= "rotatorPlayer " '
+ ' style= "width: ' + _w + ' '
+ ';height: " ' + _h + ' " '
+ '> '
_html += ' <a href= " ' + ( _l[_c] ? _l[_c] : "javascript:void(0); " ) + ' "> ';
_html += ' <img id= "rotatorPic " src= " ' + _p[_c] + ' " '
+ ' width= " ' + _w + ' " '
+ ' height= " ' + _h + ' " '
+ (_t[_c]? ' title= " ' + _t[_c] + ' " ': ' ')
+ ' style= "border:1px solid blue;FILTER:revealTrans(transition= ' + _x + ',duration=1); " '
+ ' > ';


_html += (_t[_c]?( ' <div align= "center "> ' + (_c+1) + '. ' + _t[_c] + ' </div> '): ' <p> </p> ');
_html += ' </a> ';
_html += " </div> ";
_html += ' <div align= "right "> ';

for(var i=0; i <_p.length; i++)
_html += ' <span '
+ ' style= "border:1px solid #333333;padding:1px 5px 1px 5px;height:20px;text-align:center;cursor: '
+ (_c==i ? ( 'default;background-color:red; " ') : 'hand; " onclick= "adRotator.select( ' + i + ') " ')
+ '> '
+ (i> 8?(i+1):( '0 '+(i+1)))+ ' </span> ';

_html += " </div> </td> </tr> </table> ";
getRef(_o).innerHTML = _html;

getRef( "rotatorPic ").filters[0].Apply();
getRef( "rotatorPic ").filters[0].Play();

next();
}
else
{
_i.src = _p[_c];
adRotator.load();
}
}};
adRotator.next=function() { with (this)
{
(_p.length-1==_c) ? _c=0 : _c++;
_timeout=window.setTimeout(adRotator.play,_s*1000);
}};
adRotator.select=function(i) { with (this)
{
window.clearTimeout(_timeout);
_c=i;
adRotator.play();
}};
adRotator.set=function(second) { with (this)
{
window.clearTimeout(_timeout);
if((/\d+/).test(second)==true)
{
_s=second;
adRotator.play();
}
else
{
alert( "must be digit! ")
adRotator.play();
}
}};
function getRef(id)
{
return (document.all?document.all(id):document.getElementById(id));
}
adRotator.initialize( "AdRotator ");

adRotator.add( "http://img1.qq.com/ent/20060218/3215110.jpg ", "aa ", "http://www.7dspace.com ")
adRotator.add( "http://img1.qq.com/ent/20060218/3215111.jpg ")
adRotator.add( "http://img1.qq.com/ent/20060218/3215112.jpg ")
adRotator.add( "http://img1.qq.com/ent/20060218/3215113.jpg ")
adRotator.add( "http://img1.qq.com/ent/20060218/3215114.jpg ")

adRotator.play();
//-->

</SCRIPT>
</BODY>
</HTML>
[解决办法]
先初始化,预加载要用到的图片就可以了
[解决办法]
http://www.5ctv.com/index.asp

自己找找,用JS+CSS 写的!
[解决办法]
http://54master.techweb.com.cn/archives/2006/2006311111913.shtml
可以看下这个网页

热点排行