中国IT技术联盟 » - ＞编程频道 » 【IT】【JS】JS源码特效-让你清楚网页(附图)

【IT】【JS】JS源码特效-让你清楚网页(附图) (4/275)

本帖地址: 复制地址

修改回帖引用楼主：培培

一:

鼠标感应渐显图片[平时很模糊的图片鼠标一放上就显示清楚]
[修改图片名称即可]
====1、将以下代码加入HTML的<head></head>之间：

<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>

====2、将以下代码加入到HTML的<body><body>之间：

<img src="想要显示的图片.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">

效果1(鼠标没移上之前):<因为原图是美女半裸图被我们的美女管理员强行要求改图在这删掉完事>

效果2(鼠标移上之后):):<因为原图是美女半裸图被我们的美女管理员强行要求改图在这删掉完事>

唉广大男同胞讨伐她吧~~~

二:

跟随鼠标的文字[修改显示的文字及颜色代码即可][共1步]

====1、将以下代码加入HTML的<body></body>之间

<style type="text/css">
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:9pt;
color: #000000;
font-weight:bold;
}</style>
<script>
var x,y
var step=20
var flag=0
var message="javascript源码大全。"
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
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("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i] } }
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("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]} }
var timer=setTimeout("makesnake()",30)}
</script>
<body onLoad="makesnake()" >
<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>

效果(前面有个鼠标的,截图时隐藏了呵呵):

三:这个就是很多帖子里说的什么回复就变图片啊什么的

其实很简单也就是个JS 让你F5一次就刷新就变一次图片而已来骗大家的点击率

随机显示的背景图片[想别人每次看你页面时背景都不一样吗？]

====1、将以下代码加入HTML的<head></head>之间：

<script LANGUAGE="JavaScript">
bg = new Array(2); //设定图片数量，如果图片数为3，这个参数就设为2，依次类推
bg[0] = 'bg1.gif' //显示的图片路径，可用http://
bg[1] = 'bg2.gif'
bg[2] = 'bg3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>

把bg1.gif-bg2.gif-bg3.gif-改成你想要的图片路径也可以是http://的放到帖子里.

好象是用html编辑器写的帖子这样就可以实现回复变图片了...

效果就不附图了..哈哈

就先贴这些吧...都是好玩的东西..呵呵

培培 (363473798) 于 2008-10-16 11:58:30 对此贴进行了编辑
培培 (363473798) 于 2008-10-16 17:48:45 对此贴进行了编辑