首页广告 循环滚动广告

示例网站：  http://ipc3.com/





<div class="ad728">
<style type="text/css">
<!--
#demo {
    background: #FFF;
    overflow:hidden;
    border: 1px dashed #CCC;
    width: 940px;
hight: 200px;
}
#demo img {
    border: 3px solid #F2F2F2;
}
#indemo {
    float: left;
    width: 800%;
}
#demo1 {
    float: left;
}
#demo2 {
    float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<!--流动广告代码开始-->
<a href="#" target="_blank"><img src="http://ipc3.com/aa/5.gif" border="0" width="120" height="90" alt="电脑"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/3.gif" border="0" width="120" height="90"alt="手机IP查询"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/2.gif" border="0" width="120" height="90"alt="妖皇网络"></a>

<a href="#" target="_blank"><img src="http://ipc3.com/aa/1.gif" border="0" width="120" height="90"alt="广告招租"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/4.gif" border="0" width="120" height="90"alt="腾讯新闻"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/1.gif" border="0" width="120" height="90"alt="广告招租"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/2.gif" border="0" width="120" height="90"alt="妖皇网络"></a>

<!--流动广告代码结束-->
</div>
<div id="demo2">
<!--流动广告代码开始-->
<a href="#" target="_blank"><img src="http://ipc3.com/aa/5.gif" border="0" width="120" height="90" alt="电脑"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/3.gif" border="0" width="120" height="90"alt="手机IP查询"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/2.gif" border="0" width="120" height="90"alt="妖皇网络"></a>

<a href="#" target="_blank"><img src="http://ipc3.com/aa/1.gif" border="0" width="120" height="90"alt="广告招租"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/4.gif" border="0" width="120" height="90"alt="腾讯新闻"></a>

<a  target="_blank"><img src="http://ipc3.com/aa/1.gif" border="0" width="120" height="90"alt="广告招租"></a>

<a href="#" target="_blank"><img src="http://ipc3.com/aa/5.gif" border="0" width="120" height="90" alt="电脑"></a>


<!--流动广告代码结束-->
</div>
</div>
</div>
<script>
var speed=20; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab.scrollLeft<=0)
tab.scrollLeft+=tab2.offsetWidth ;
else{
tab.scrollLeft--;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {
clearInterval(MyMar)
};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
</div>


不知道会不会乱码   会的话 下载这个文件也行



复制上面的HTML 代码
DIY  高级模式
拉个 百分百 框架
再添加一个模板   展示类 ---静态---选择  自定义 HTML  -粘贴代码


广告图片修改方法----把修改好的图片-存放到FTP空间 根目录-也就是说存放到WED目录下 【之前为存放在哪 问了好久  高手莫笑  详细点 为新手写写吧】    很多人会问添加这样的广告位会不会影响速度  个人感觉影响不大
如我的图片网址【ipc3.com/aa/3.gif       aa则是 新创建的文件夹  3.gif则是存放里面的图片】修改后 在原代码 修改下访问地址即可

看看先....

很喜欢   谢谢分享

看看呢 呵呵