汇学府笔记网是汇学府网旗下优秀笔记展示平台! 欢迎优秀读书学习笔记投稿,投稿有奖励!

学分类旗下网站

浏览量

CSS改变鼠标的指针类型和创建图像翻转效果

作者:admin 发布时间:2019-08-11
1. CSS改变鼠标的指针类型crsor属性CSS里有时候可以做一个特别的效果,例如,将CSS里的鼠标指针类型修改一下,呈现不同的花样,那么就可以利用cursor属性了。这和 相比,是一个加深。 比较常见的值有:Default HelpMovePointerWait可以选择不同的值看看效果。 CSS创建图像翻转效果根据不同的操作呈现不同的图片状态,使内容和图片搭配起来更加和谐。只需要制作一张大的图片包含不同状态就可以实现了,关键点在于图片的定位,需要细细的试探。下面是做实验随便写的一段代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN   http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns= http://www.w3.org/1999/xhtml head meta http-equiv= Content-Type content= text/html; charset=gb2312 / title CSS如何创建标签页式导航条 /title style type= text/css !--body{font-size:14px;}#nav{width:300px;}ul{list-style-type:none;}ul li{width:150px;height:20px;}#nav a:link,#nav a:visited{background:url(image/three.jpg) top left;background-position:0 -30px;padding:0 30px 0 30px;background-repeat:no-repeat;text-decoration:none;color:#CCCCCC;display:block;background-repeat:no-repeat;}#nav a:hover{background-position:0 -130px;color:#0000FF;display:block;}#nav  a:active{background-position:0 -235px;color:#0000FF;display:block;}-- /style   /head body div id= nav ul li a href= # index /a /li li a href= # nav1 /a /li li a href= # nav2 /a /li li a href= # tags /a /li /ul /div /body /html 效果截图:CSS改变鼠标的指针类型和创建图像翻转效果这实际上是利用一张图片完成的,只是移动了位置显示不同,并非制作了3张图片表示不同的状态。相关:。 
网友吐槽

读书笔记 学习笔记 名著读书笔记

本站读书学习笔记由网友提供,版权归原作者本人所有,转载请注明出处!如有侵犯您的相关权利,请联系我们客服处理! 豫ICP备18040320号-1