极品桌面极品CG红豆SKIN
加载中...
爆笑网文网页制作精妙网文冲浪宝典软件教学操作系统安全防御小说连载

ASP技术

ASP.Net

网页技术

数据库类

网站相关

XML

JSP编程

建站经验

PHP技术

MS SQL

一些珍藏的网页特效代码
DreamWeaver超
CI形象设计
蚁盟的假权威和假如我是蚁
善用色彩设计网页
HTML中小meta的大
网站设计65条原则
怎样设计网页
搭配的艺术--谈主页用色
创建优秀网页的6个好习惯
LOGO介绍
为你的网页加一个Load
嵌入式Web视频点播系统
网站鼠标变变变
基于Web的系统测试方法
当前位置:极品网文-> 网页制作-> 网页技术-> 浏览文章[双击自动滚屏]
网站鼠标变变变
作者:未知 来源:未知 添加时间:2003年3月26日
现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法:



    一、用CSS(Cascading Style Sheets,层叠样式表)的方法

   首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是weste.ani和weste2.ani,在,将两个文件存放到的网站的文件夹ani,然后在你的网页文件的</head></head>之间加上代码:

    <style type="text/css">

    <!--

    body {CURSOR: url('ani/weste.ani')}

    A {CURSOR: url('ani/weste2.ani')

    -->

    </style>

        再次浏览网页的时候你会发现,网页的鼠标显示已经改变了。当鼠标悬停在链接上的时候,显示的weste2.ani样子,其他时候显示weste.ani。

    原理:其实这种方法利用了CSS2的一个cursor的属性cursor:url (url),鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。



    二、利用第三方控件的方法

    这种方法非常简单,只需要讲以下代码加到网页文件的<head></head>之间:

    <script language=&#106avascript>var Loaded=false;var Flag=false;</script>

    <script src='http://files.cometsystems.com/&#106avascript/lc2000.js&#39;

language=&#106avascript></script>

    <script language=&#106avascript>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>

    修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,鼠标就可以按照你的需要显示了。

    那么,如何才能选择你所需要的鼠标样式呢?先登陆网http://www.cometzone.com,这个网站有14个大类4000多种鼠标,内容十分广泛,鼠标文件制作也很精美,你可以根据需要从类别中选择需要的鼠标,点击相应的鼠标图片就可以预览到不同的效果。

    选中鼠标后,点击网页左边导航的“GET CURSOR CODE”链接,转到下一页,再点击“Select Code”按钮,按钮下这个多行文本框里面的内容就是我上面提供的代码,只是代码中TheCometCursor('cd_electric',0,626)部分不同,显示的鼠标状态也不同。

...
返回页面顶端
[返回上一页] [打印本文] [加入收藏]
页面最后更新时间:2009年2月4日
上一篇:网页制作中常用的一些特效(2)
下一篇:有关ASP的一些常见问题(一)
相关文章
网页中对鼠标的几种限制