首页 > 代码库 > 关于鼠标样式-------Day81

关于鼠标样式-------Day81

今天看了部老片子《阳光灿烂的日子》,说实话没怎么看懂,但是那种能看下去的没看懂,虽然这是个很经典的片子,不过这是我第一次看。很多人都说姜文的电影不能这样单纯的看,其实有很多思想在里面,可这次我丝毫不想动用我疲惫到了极点的脑筋,我就这么看他讲的故事,看那些故事里的人,其实有些像当年的我,有些羞涩,带点迷茫,我愿意把新朋友介绍给自己的伙伴,可看到他们迅速的热火朝天又心有不甘,不仅仅在女人面前,男人中间也一样,那些还不能独立的那些年,我其实多想你们都环绕在我身旁,可我不说,我不怕,可是不敢,就那么呆呆的,过了很多年。

闲话不多说,牢骚不乱发,记录下今天想做的事情吧,虽然已是过了午夜。

关于鼠标样式,在前面做“图片随着滚轮改变而改变”的记录中,曾经应用过增大效果的鼠标样式,却是给原本的效果填色不少,那还有哪些鼠标的样式呢?另外需记忆的一点,我们通常都是用cursor:样式来改变的。

cursor:auto 这是最普通的样式,和没加一样

cursor:crosshair  十字鼠标,有没有狙击镜中心的感觉,其实这个也比较好记忆了cross十字嘛

cursor:move 这个在现代网站上应用很多的,移动是出现的效果,也是个类似十字啊

cursor:pointer 小手啊,点点点..

cursor:help 在普通样式上加入一个问号,想知道,那就点啊

cursor:progress 普通样式上加入一个加载符号,努力的在加载啊

cursor:text  要输入的啊,这个要合适哦,不要遮盖字哦,还不错

cursor:wait  这个就纯正的加载了,我在努力,不要逼我哦

cursor:这里的e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s.resize.n.resize这里就是两头延伸效果喽,分别的方向该在哪呢,看看吧

以上就是最基本的css样式了,那就再来看看css3能玩出什么花样来呢

cursor:no-drop 典型的禁止嘛

cursor:copy在普通样式上加入“+”标记啊,在safari中可能不显示

cursor:cell 我们是细胞么,镂空的“+”啊

再有就是自己设置图标了

cursor:url(img/run.gif)

cursor:url(img/run.gif,x  y ,auto)的


好好记住了,感觉真的效果不错