|
# 1 javascript*随机显示图片
在你要显示图片的地方直接插入下列代码
<SCRIPT Language="javascript">
<!--
var imgMax = 2; //图档总数
var imgRand = Math.floor(Math.random() * imgMax);
if(imgRand == 0) document.write('<IMG SRC="图片地址" BORDER=0>');
else if(imgRand == 1) document.write('<IMG SRC="图片地址" BORDER=0>');
//如需增加随机图档个数，可复制上一行代码并修改数字即可
//-->
</SCRIPT>
-----------------------------------
# 2 滚动连接*横
在你要显示广告的地方直接插入下列代码
<marquee id=snowscroll direction=right scrolldelay=100 scrollamount=2 width=100 height=40 onmouseout=snowscroll.start() onmouseover=snowscroll.stop()><a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a> <a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a></marquee>
其中，width是显示出来的宽度，height是高度，可以根据需要调整。而scrollamount 和 scrolldelay 可以改变速度。direction是改变LOGO滚动的方向。
-------------------------------------
# 3 滚动连接*纵
在你要显示广告的地方直接插入下列代码
<marquee id=snowscroll direction=up scrollDelay=100 scrollAmount=2 width=500 height=100 onMouseout=snowscroll.start() onMouseover=snowscroll.stop()>
<p align=center>
<a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a><br><br>
<a href="连接地址" target=_blank><img src="LOGO地址" width="88" height="31" border=0></a><br><br>
</marquee>
其中，width是显示出来的宽度，height是高度，可以根据需要调整。而scrollamount 和 scrolldelay 可以改变速度。direction是改变LOGO滚动的方向。
--------------------------------
# 6 连接*彩色
在<body>与</body>之间插入下列代码
<SCRIPT language=javascript> var rate = 20; var obj; var act = 0; var elmH = 0; var elmS = 128; var elmV = 255; var clrOrg; var TimerID; if (navigator.appName.indexOf("Microsoft"?0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()"?100); } } function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()"?100); } } } function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { obj.style.color = makeColor(); } function makeColor() { if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; } </SCRIPT>
----------------------------------------
# 7 连接*风化效果
在<head>与</head>之间插入下列代码
<style>
a:hover { height: 0; filter:blur(strength:20); font-weight: light;color : #808080;}
</style>
---------------------------------------------
# 8 背景颜色*渐变
在<body>中插入修改
style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1'
//1为从左到右渐变 0为从上到下渐变
startColorstr='#000000'
//开始时的颜色
endColorstr='#ffffff');"
//结束的颜色
----------------------------------
# 10 文字修饰*发光
<SPAN STYLE=position:absolute;;filter:Glow(color=发光的颜色)>发光的文字</SPAN>
-----------------------------------------------
# 11 文字修饰*阴影
<span style='filter:dropshadow(color=阴影的颜色 offx=5 offy=5 positive=true);width="1px";height="1px"'>阴影的文字</span>
#通过修改width和height可以调节阴影的位置
----------------------------------------
# 12 连接*字体颜色改变
在<head>与</head>之间插入下面的代码
<STYLE TYPE="text/css">
<!--
A{color:连接的颜色;text-decoration:none;}
A:hover{color:当鼠标移到文字上时的颜色;text-decoration:none;}
-->
</STYLE>
-------------------------------------
# 13 连接*背景颜色改变
在<head>与</head>之间插入下列代码
<STYLE TYPE="text/css">
<!--
A{text-decoration:none;}
A:hover{text-decoration:none; background:背景颜色;}
-->
</STYLE>
-------------------------------------------
# 14 连接*取消下划线
在<head>与</head>之间插入下列代码
<STYLE TYPE="text/css">
<!--
A{text-decoration:none;}
-->
</STYLE>
---------------------------------------------------
# 15 禁止右键
在<body>中插入下列代码
oncontextmenu="return false"
--------------------------------------------------
# 16 javascript*背景移动
在<body>之后插入下列代码，则会出现背景图片向下移动。
<script language="javascript">
<!--
var backgroundOffset = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
backgroundOffset = backgroundOffset + 1;
if (backgroundOffset > maxSize) backgroundOffset = 0;
bgObject.style.backgroundPosition = "0 " + backgroundOffset;
}
var ScrollTimer = window.setInterval("scrollBG(307)" 64);
-->
</script>
--------------------------------------------------
# 17 图片摇动
当鼠标移动到图片上时，回出现图片摇动的现象。
代码：
<img src=图片地址 class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
------------------
liujian0130 写在 【SHARE IN】 | [回去] | 
HTML.ASP.JS.网页特效~[2005820|2:21]
