加载中…
个人资料
冰河星矢
冰河星矢 新浪个人认证
  • 博客等级:
  • 博客积分:0
  • 博客访问:21,688,816
  • 关注人气:21,622
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

跟随鼠标不停闪烁的文字

(2007-04-24 16:41:39)
标签:

博观而约取

厚积而薄发

分类: 校园文化类它山石可攻玉
点此查看特效 前面我已经详细的讲解了关于如何突破新浪对JS代码的屏蔽。本次又对代码做了小小的改进:添加“overflow-x:hidden;”代码来防止底部出现滚动条影响页面布局的美观。
相关文章:解决新浪对JS代码的屏蔽【原创】 这种方法的唯一要求就是需要你的网络空间相对稳定,保证页面的正常显示。下面这个特效仅仅是我文章写完后跟进的特效例子作为演示,其实这些都在新浪没有屏蔽代码前在我的博客发过。网上还有很多比较个性的特效就看大家怎么玩转博客了。我的博客中也有很多JS特效,大家只需去掉“ <script><script> ”中的任意一个,将其添加到下面代码中合适的位置即可。具体参考:解决新浪对JS代码的屏蔽【原创】
代码如下:
<html>
<head>
<STYLE>.spanstyle{COLOR: #0066ff; FONT-FAMILY: 隶书;FONT-SIZE:12pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}</STYLE>
<script>var message="★ 欢 迎 来 到 冰 河 的 博 客 异 度 空 间 ★";var x,y;var step=12;var flag=0;message=message.split("");var xpos=new Array();for (i=0;i<=message.length-1;i++){xpos[i]=-50;};var ypos=new Array();for (i=0;i<=message.length-1;i++){ypos[i]=-50;};function handlerMM(e){x=(document.layers)?e.pageX:document.body.scrollLeft+event.clientX+10;y= (document.layers)?e.pageY:document.body.scrollTop+event.clientY;flag=1;};function makesnake(){if(flag==1&&document.all){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];};xpos[0]=x+step;ypos[0]=y;for (i=0; i<=message.length-1; i++){var thisspan=eval_r("span"+(i)+".style");thisspan.posLeft=xpos[i];thisspan.posTop=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}};else if(flag==1 && document.layers){for (i=message.length-1; i>=1; i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];};xpos[0]=x+step;ypos[0]=y;for(i=0; i<message.length-1; i++){var thisspan=eval_r("document.span"+i);thisspan.left=xpos[i];thisspan.top=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT><SCRIPT>for(i=0;i<=message.length-1;i++){document.write("<span id='span"+i+"' class='spanstyle'>");document.write(message[i]);document.write("</span>");};if(document.layers){document.captureEvents(Event.MOUSEMOVE);};document.onmousemove = handlerMM;</SCRIPT><SCRIPT>function binghe(){makesnake();window.setTimeout("binghe();", 2);}</SCRIPT><SCRIPT>binghe()</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>解决新浪对JS代码的屏蔽【原创】</title>
</head>
<body style="background:transparent;overflow-x:hidden;"></body>
</html>
 
代码说明:

1. COLOR: #0066ff; 代表字体的颜色 (可以根据爱好修改)

2. FONT-FAMILY: 楷体  代表字体(大家可以选择自己的喜欢的字体)

3. SIZE:12pt 代表字体的大小

4.  代码中红色文字部分大家可以修改为自己喜欢的文字即可

 

修改完毕后,将上述代码复制到“记事本”。
将记事本的代码“另存为”以“xxxx.htm”网页文件名,保存类型选择“所有文件”,比如:binghe.htm
将xxxx.htm网页上传到网络空间(推荐:http://www.ik8.com )得到上传文件的网络地址,例如:http://andydau.ik8.com/2/shubiao.htm
采用下面的代码在新浪的博客调用:
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px" align=center>
<DIV><IFRAME src="要调用的网址" frameBorder=0 width=1024 scrolling=no height=888 allowTransparency></IFRAME></DIV></DIV>
 
参数说明:
"LEFT: 0px; POSITION: absolute; TOP: 0px"  是定位特效位置的代码,根据自己的需要修改。
具体定位的文章参考:
width=1024   特效显示的宽度根据屏幕大小设置
height=888  此处一定要根据你的博客首页实际的页面高度设置。否则,如果设置过大将会产生很大一片无效空白;设置高度过小效果只会局部显示!!
 

如果你是新手建议你看文章如何添加自己的代码到版块(图示)新手必读

在博客首页添加方法:
,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,粘贴代码--保存并返回;

,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来

在发表文章处添加代码:

写完博客文章  

博易天下 冰河的博客每天都有不一样的精彩!

跟随鼠标不停闪烁的文字

0

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

    发评论

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

      

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

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

    新浪公司 版权所有