| 网站首页 | 校内网代码 | 
您现在的位置: 校内网代码 >> 校内网代码 >> 校内网教程 >> 文章正文
校内网代码教程之鼠标代码修改方法         ★★★ 【字体:
校内网代码教程之鼠标代码修改方法
作者:校内网代…    文章来源:校内网代码站    点击数:    更新时间:2007-11-19    
◆如何实现鼠标的不同样式?方法是: 
——在涂鸦板代码中写入: 
        <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&#146;)"></body> 
文章录入:gaoqiyun    责任编辑:gaoqiyun 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    专 题 栏 目
    最 新 热 门
    最 新 推 荐
    最新热点 最新推荐 相关文章
    /简单大方的页面 看了可能后
    魔兽爱好者天堂 魔兽背景 超
    鱼哭了,水真的知道吗?....
    非主流绝版界面——谁都不是
    专为低~~~调~~~人设计。。。
    』』★∵⊙绝对漂亮∴★∵⊙
    刚做出黑色非主流css代码:I
    校内网明星代码:艾薇儿——
    我要的幸福——校内CSS代码
    女生喜欢的页面!!!——校内C
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)