***图形特效***鼠标放到相应在图片上就可以实现页面的上下移动
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<script language="javascript">
<!-- begin
var isns=(document.layers);
var _all=(isns)? '' : 'all.' ;
var _style=(isns)? '' : '.style' ;
var _visible=(isns)? 'show' : 'visible';
var w_x, w_y, item, okscroll=false, godown;
function init(){
item=eval('document.'+_all+'item'+_style);
getwindowsize();
item.visibility=_visible;
scrollpage();
}
function getwindowsize() {
w_x=(isns)? window.innerwidth-5 : document.body.clientwidth;
w_y=(isns)? window.innerheight : document.body.clientheight;
(isns)? item.clip.width=42: item.width=42;
(isns)? item.clip.height=20 : item.height=20;
moveitem();
}
function resizens() {
settimeout('document.location.reload()',400);
}
function moveitem() {
if (isns) {
item.moveto((pagexoffset+w_x-70),(w_y+pageyoffset-50))
}else{
item.pixelleft=document.body.scrollleft+w_x-70;
item.pixeltop=w_y+document.body.scrolltop-50;
}
}
window.onload=init;
(isns) ? window.onresize=resizens : window.onresize=getwindowsize ;
function scrollpage() {
status = '';
if (okscroll) {
if (godown) {
(isns)? window.scrollby(0,4) : window.scrollby(0,4) ;
} else {
(isns)? window.scrollby(0,-4) : window.scrollby(0,-4) ;
}
}
moveitem();
settimeout('scrollpage()', 40);
}
//end -->
</script>
第二步：把如下代码加入到<body>区域中
<div id="item">
<a href="javascript:void(0)" onmouseover="okscroll=true; godown=true"
onmouseout="okscroll=false"><img src="../img/23.gif" border="0" alt="向上">http://code.ik8.com/html/../img/23.gif</a><a
href="javascript:void(0)"
onmouseover="okscroll=true; godown=false" onmouseout="okscroll=false"><img src="../img/22.gif"
border="0" alt="向下">http://code.ik8.com/html/../img/22.gif</a>
</div>
---- -------------------------------- --
拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛 有 千人在线的真实 火暴效果，让您不 在为论坛因没有人气而留不住会员而 烦恼，使您的 论坛早日成为一流的论坛。详情请登陆网站 ：http://www.cnsrx. c n 三人行论 坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带 广告。业务QQ:247216 44985227）
页:
[1]