首页 > 代码库 > 关于鼠标样式-------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)的
好好记住了,感觉真的效果不错