CSS校内网
我的校内 | 会员登陆 | 本站服务项目 | 收藏本站 | 留 言 薄
联系方式:QQ:9782318 电话:时尚话务服务中心 EMAIL:feiyang@cdxst.com
 | 网站首页 | 校内网css代码 | 涂鸦版代码 | 校内网鼠标代码 | 校内网音乐代码 | 校内网情侣代码 | 校内网背景代码 | 校内网教程 | 校内网日志 | 
热门搜索关键字: CSS代码 | 音乐代码 | 视频代码 | 鼠标代码 | 涂鸦代码 | 背景代码 | 教程 | 日志|
栏目导航  
栏目更新推荐  
·教你怎么获得正确的图片地址
·如何改变鼠标样式
·最新校内网刷人气教程
·swf文件校内网应用
·校内网CSS代码制作教程
点击TOP(10)  
  • 没有热点校内网教程
  • 图片文章  

    没有任何图片校内网教程
     
    您现在的位置: CSS校内网 >> 校内网教程 >> 校内网教程正文
    如何改变鼠标样式
     
    文章来源:http://www.xiaonei-net.cn 点击数: 更新时间:2008-3-23 【字体:


     

  • 上一篇校内网教程:

  • 下一篇校内网教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
    关于〖如何改变鼠标样式〗的最新评论:

    ◆如何实现鼠标的不同样式?方法是:

    ——在涂鸦板中写入:

    <body style="cursor:mouse_style">

    ——其中tag是标签名,mouse_style就是鼠标样式,如hand/crosshair/text/wait等等。

    ◆下面是各样式的大致含义。

    ◆下面是各样式的大致含义。

    hand:是大家所熟悉的手型。

    crosshair:是十字型。

    text:是平时鼠标移动到文本上的样式。

    wait:是等待的效果。

    default:是默认的那种效果。

    help:是带问号的鼠标样式。

    e-resize:是向右的箭头。

    ne-resize:是向右上方的箭头。

    n-resize:是向上的箭头。

    nw-resize:是向左上方的箭头。

    w-resize:是向左的箭关。

    sw-resize:是向左下的箭头。

    s-resize:是向下的箭头。

    se-resize:是向右下方的箭头。

    auto:是系统自动的效果。

    ◆当然根据需要你也可以将样式应用于其它标签,或者单纯的只应用于某一段文本。如果你想在不同的位置运用不同的鼠标样式,或者不同的标签使用不同的鼠标样式(比如对在页面当中某些特定的地方时的鼠标样式进行改动),则直接将此样式写在此具体的标签里边就可以了。

    ——但这是对于制作网页而言了,这儿多只需要改变一种或顶多两三种。

    ◆下面举出具体的实例以方便大家对鼠标样式进行设置。

    ◆因为在这里通常是把它写入<body></body>里面,所以这里用<body>来具体说明:D

    <body style="cursor:hand">★hand:是大家所熟悉的手型。★</body>

    <body style="cursor:crosshair">★crosshair:是十字型。★</body>

    <body style="cursor:text">★text:是平时鼠标移动到文本上的样式。★</body>

    <body style="cursor:wait">★wait:是等待的效果。★</body>

    <body style="cursor:default">★default:是默认的那种效果。★</body>

    <body style="cursor:help">★help:是带问号的鼠标样式。★</body>

    <body style="cursor:e-resize">★e-resize:是向右的箭头。★</body>

    <body style="cursor:ne-resize">★ne-resize:是向右上方的箭头。★</body>

    <body style="cursor:n-resize">★n-resize:是向上的箭头。★</body>

    <body style="cursor:nw-resize">★nw-resize:是向左上方的箭头。★</body>

    <body style="cursor:w-resize">★w-resize:是向左的箭关。★</body>

    <body style="cursor:sw-resize">★sw-resize:是向左下的箭头。★</body>

    <body style="cursor:s-resize">★s-resize:是向下的箭头。★</body>

    <body style="cursor:se-resize">★se-resize:是向右下方的箭头。★</body>

    <body style="cursor:auto">★auto:是系统自动的效果。★</body>

    ◆PS:这些语句当中“★···★;”中间纯属说明性质的废话,请大家不要原封不动全贴到自己涂鸦板里去了,不然哦。。。可以自己试试^V^

    ◆〓★进阶★〓◆

    【『提前说』:去baidu或google→输入“鼠标特效”/“鼠标样式”之类的关键词进行查找】

    ◆把鼠标变得再复杂一些——当然也会好看些啦——除非故意搞恶:D

    ◆方法:

    ——把原语句<body style="cursor:mouse_style">中的mouse_style字段换成

    →→→→→→→→→→→→→→→→→★url('地址')★(★中间的部分★)

    ——注意★地址★和括号之间有引号哦:D

    ——至于这个★地址★,随便是goo是bai,有关★鼠标样式★的相关list就满天飞舞,能多到把人看到眼睛都废掉o(#T_T#)o……

    ◆说明:

    1、你找来的地址,后缀名有**.cur的,还有**.ico的,和**.ani的.

    2、我们这里举例改动的只是鼠标移动时的指针样式(另外还如果有兴趣可以试试改变接触链接时的指针样式,此时tag也会需要作相应的变化)。

    后缀名为**.ico 的为静态

    后缀名为**.cur 的为静态

    后缀名为**.ani 的为动画

    ——这个是偶(正式投入→因为之前还试验了好些古怪式样:P)使用的第一个改动的鼠标~

    <body style="cursor:url('http://lengku.net//index/mouse.ani')"></body>

    ——像一个奇怪的烧瓶。。。还是封口了的。。。

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    Copyright © 2007-2010 www.cssxnw.com All Rights Reserved    
    CSS校内网备案中… call飞扬