仓酷云
标题:
带来一篇完整CSS写的鼠标悬停tip效果
[打印本页]
作者:
萌萌妈妈
时间:
2015-1-16 00:13
标题:
带来一篇完整CSS写的鼠标悬停tip效果
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=GB2312"/>
<metaname="Author"content="Aultoale"/>
<styletype="text/css">
body{font:normal12pxVerdana}
a#tip{position:relative;left:75px;font-weight:bold;}
a#tip:link,a#tip:hover{text-decoration:none;color:#000;display:block}
a#tipspan{display:none;text-decoration:none;}
a#tip:visited{color:#000;text-decoration:underline;}
a#tip:hover#tip_info{display:block;border:1pxsolid#F96;background:#FFEFEF;padding:10px20px;position:absolute;top:0px;left:90px;color:#009933}
</style>
</head>
<body>
<aid="tip"href="#">
移到这里尝尝!
<spanid="tip_info">这里是提醒信息!</span>
</a>
</body>
</html></p>
另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
作者:
山那边是海
时间:
2015-1-18 05:32
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者:
莫相离
时间:
2015-1-24 16:19
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者:
飘灵儿
时间:
2015-2-2 11:12
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者:
第二个灵魂
时间:
2015-2-7 18:54
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
作者:
再见西城
时间:
2015-2-23 08:16
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者:
兰色精灵
时间:
2015-3-7 07:46
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
作者:
金色的骷髅
时间:
2015-3-14 18:13
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者:
蒙在股里
时间:
2015-3-21 14:51
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2