发博文
正文 字体大小:

挂件代码和随屏漂浮代码

(2007-05-30 15:41:40)
标签:

挂件

代码

博客建设

分类: 《博客代码全汇》

    最近有许多网友让我整理出代码来与大家分享.其实自去年开始学网业制作时就对源代码产生了很大的兴趣,也喜欢拿代码去反复实验,看多了,尝试多了,就懂得自如地运用了.现在先把挂件代码贴出来与大家分享一下,如有任何问题请留言,本人会尽快回复! 以下两种代码各有特色,个人根据需要而选用.

 

左边挂件:

<DIV style="LEFT: 5px;POSITION: absolute;TOP:200px" align=left><IMGsrc="挂件地址" align=left><DIV>

 

右边挂件:

<DIV style="LEFT:900px;POSITION:absolute;TOP:200px" align=right><IMG src="挂件地址" align=right></DIV> 

 

其中LEFT: 为从左向右移的位置,即挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!本人推荐一个挂件的网站,内有上百种精美挂件!

点此进入:http://lbxx.bokee.com/4128512.html

 

二、图片或者挂件随屏幕移动而始终悬浮的代码如下:

 

左边代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILER: progid:DXImage Transform.Microsoftpadding:8px;;LEFT:expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-980);BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;POSITION: absolute;;TOP:expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-200);TEXT-ALIGN:center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>

 

右边代码:

<DIV style="BORDER-RIGHT: medium none;BORDER-TOP: medium none; FILTER: porgid:DXImageTransform.Microsoftpadding:8px;;LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-110);BORDER-LEFT:medium none;BORDER-BOTTOM: medium none; POSITION: absolute;;TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeigh)-200);TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>

 

参数说明:

1.clientWidth后面负数的绝对值越大,图片越靠近左侧。

2.clientHeight后面负数的绝对值越大,图片越靠近上部。

3.“图片URL地址”处加入你想用到的图片或者挂件的URL地址即可。

4.如果不需要对图片或者挂件进行链接,只要把代码中的“”去掉就可以了;其用处就是比如链接的地址是你的博客地址,那么一点那图片或者挂件就会进入你的博客!注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px是坐标参数,保持默认即可,无需改动。

阅读 评论 收藏 转载 打印举报
  • 评论加载中,请稍候...

       

    验证码: 请点击后输入验证码 收听验证码

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有