设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> Javascript >> 图片提示效果的另类制作
精品推荐
Javascript点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·用JavaScript实现文件图片滚动效果
·图片循环滚动完美解决
·JS表格排序新法
·滚动的公告栏的实现
·模板使用教程:从切图到网页生成
·Javascript设计网页中的下拉菜单
·制作页面漂浮图片的效果
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

图片提示效果的另类制作

作者: 来源:网络文章 时间:2005-12-11 23:12:08

点 击 预 览 效 果 页 面......

曾经在一号工作室看到过的一个脚本,那时根本没有心情去仔细研究,现在看了看感觉效果不错,可以产生图片提示,这样的脚本站内有很多,可是我还是放上来了,多一种脚本多一种选择嘛,而且我也精简了代码,去掉了很多无用的东西,并且解决了一号工作室里不能存在链接的问题,应该是比较完美的版本了。

制作方法:
新建样式:
BODY { OVERFLOW-X: hidden; OVERFLOW: scroll}
.DEK { Z-INDEX: 200; VISIBILITY: hidden; POSITION: absolute}
在<body>标签下,粘贴代码:
<div class=dek id=dek>
<SCRIPT type=text/Javascript language="">
Xoffset= 0; // modify these values to ...
Yoffset= 20; // change the popup position.
myImg= new Array()
myImg[1]="use2.gif"
var nav,old,iex=(document.all),yyy=-1000;
if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
if(!old){
var skn=(nav)?document.dek:dek.style;
if(nav)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=get_mouse;
}
function popup(i){
var content="<img src='"+ myImg[i]+"'>";
if(old){alert(msg);return;}
else{yyy=Yoffset;
if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
}
}
function get_mouse(e){
var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}
function kill(){
if(!old){yyy=-1000;skn.visibility="hidden";}
}
//-->
</SCRIPT>
注明:
myImg= new Array()
myImg[1]="use2.gif"
这里是增加图片的地方,增加新的组内容即可
在超链接处,添加代码:
onMouseOver=popup(1) onMouseOut=kill()

至此,我们的效果便制作好了,你不仿试试!


图片提示效果的另类制作 相关文章:
图片提示效果的另类制作 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com