| 特效代码集 |
|
作者：野汉子 文章来源：im286 点击数： 更新时间：2004-8-25 14:33:51  |
|
要使背景图案不随文字“滚动”的CSS是这样的：
| Code: |
[Copy to clipboard] |
〈style type="text/css"〉
〈!--
BODY { background: purple url(bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
--〉
〈/style〉 | |
页面过滤渐变加到<head>中
| Code: |
[Copy to clipboard] |
| <meta http-equiv="Page-Exit" content="revealTrans(Duration=1,Transition=23)"> | |
鼠标移动到版块图标产生的渐变效果
1.inc\main.js末尾增加如下代码：
//渐隐渐现函数
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta) {
if (!document.all) {return;}
if (object != "[object]"){
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
2.index模板html(7):
function showboard
.......
if (indexIMG!='')
{
str = str.replace(/{\$indexIMG}/gi,'<table align="left"><tr><td><a href="list.asp?boardid='+BoardID+'"> <img src='+indexIMG+' align="top" border="0" style="FILTER: alpha(opacity=40)" onMouseOut=nereidFade(this,40,10,10) onMouseOver=nereidFade(this,100,0,10) ></a></td><td width="20"></td></tr></table>');
}
else
{
str = str.replace(/{\$indexIMG}/gi,'');
}
......
增加以上红色部分。
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >> |
| 文章录入：admin 责任编辑：admin |
|
上一篇文章： 真正页面无刷新调用数据原理
下一篇文章： JS广告代码大集合 |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录 
新用户注册 
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
