javascript层跟随滚动条带随机广告位脚本插件

已为老胡 2008-10-11 PM 1856℃ 2条

这是右侧的层跟随滚动条的导航条!
这个插件适合PJblog使用!不过如果熟悉网页设计的朋友也可以自己修改一下,放进别的blog程序里!
1.先下载!
点击下载
2.打开Contact.js,修改代码
代码如下红色字体为需要修改的部分,蓝色字体为说明)
//前面是判断是否有滚动条与定义层所在的位置!
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}

percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;
}
//下面定义了一个变量,这个变量等下将被输出!
suspendcode="<div id="full" style='right:0px; top0px; position:absolute;'><table width='20' border='0' cellpadding='0' cellspacing='0'><tr><td align='right'><img id='img' border='0' src='' /></td></tr><tr><td align='right' height='20'></td></tr><tr><td align='right'><a href='#top'><img border='0' src='/Contact/image/icon_top.gif' alt='tOP' /></a></td><tr><td align='right'><a href='你网站的地址'> <img border='0' src='/Contact/image/home.jpg' alt='Set as Home Page'/></a></td></tr><tr><td align='right'><a href='留言页面的地址'><img border='0' src='/Contact/image/msess.jpg' alt='Message'/></a></td></tr><tr><td align='right'><a href='你友情连接的页面地址'><img border='0' src='/Contact/image/minilink.jpg' alt='link'/></a></td></tr><tr><td align='right'><a href='mailto:你的邮箱地址' target='blank'><img border='0' src='/Contact/image/icon_email.gif' alt='eMAIL' /></a></td></tr><tr><td align='right'><a href='http://wpa.qq.com/msgrd?V=1&Uin=你的QQ号码&Site=客服&Menu=yes' target='blank'><img src='/Contact/image/icon_oicq.gif' border='0' alt='oICQ' /></a></td></tr><tr><td align='right'><a href='#bottom'><img border='0' src='/Contact/image/icon_bottom.gif' alt='bOTTOM' /></a></td></tr></table></div>"
document.write(suspendcode);
// 最需要注意的是下面的这条代码,他是负责随机生成图片文件名的语句,如果你的文件为okisay1.gif,在下面的所要填你的图片文件名应该填 okisay,而后面的1和.gif是不需要+上去的!,并且其他的图片名应该固定为okisay2.gif,okisay3.gif…,看到了 Math.round(Math.random()*10)了吗?这是生成的随机整数的语句,如果你填的是10,那么你所随机显示的图片将会有11张(公式:你所填写的数值+1=随机图片的数量)
document.getElementById("img").src="/Contact/image/你图片的文件名"+Math.round(Math.random()*你所想随机的图片数量)+".gif"
window.setInterval("heartBeat()",1);

3.把文件夹上传至根目录下
4.修改default.asp上修改1个位置
以便使上下传送那2个按钮能用
查找 <!--#include file="footer.asp" -->
用下面代码替换:
这个是页面锚点。因为向上传送是默认所以只加上向下传送锚点
<A name=bottom></A><!--#include file="footer.asp" -->
如不是默认向上传送
请查找<!--#include file="class/cls_logAction.asp" -->
<%
在其后加上<A name=bottom></A>
改好后应该是这样
<!--#include file="class/cls_logAction.asp" -->
<%
<A name=bottom></A>

5.最后一步,进网站后台新增加一个内容模块,名字排序什么的都随便,点HTML编辑加上
<SCRIPT src="Contact/Contact.js"type=text/javascript></SCRIPT>

标签: HTML, Javascript, PJblog, 插件

非特殊说明,本博所有文章均为博主原创。

评论啦~



已有 2 条评论


  1. 青蛙
    青蛙

    这个是不是就是博主页面左侧的这个状态?
    [reply=小胡 2008-11-07 02:48 PM]这个是在左侧的基础之上随机显示自己想要展示的图片,也可以在此基础上加上广告,总之都是以左侧的条为基础的,欢迎再次光临[/reply]

    回复 2008-11-07 18:07
  2. 20108847
    20108847

    你这个下载登陆无法实现啊,登陆还让登陆~能不能把这个发我邮箱? 20108847@qq.com 谢谢了
    [reply=小胡,2008-11-07 02:52 PM]已经发送,请注意查收…[/reply]

    回复 2008-11-07 18:36