仓酷云

标题: 来看看：网页制造实例:em完成倒三角的提醒效果 [打印本页]
作者: 小女巫    时间: 2015-1-15 23:35
标题: 来看看：网页制造实例:em完成倒三角的提醒效果
层叠样式表（CascadingStyleSheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造POLUOLUO文章简介：效果以下：鼠标放上显现第二个的效果！代码以下：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns=http://www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=te
效果以下：


来看看：网页制造实例:em完成倒三角的提醒效果
登录/注册后可看大图

鼠标放上显现第二个的效果！
代码以下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>em完成倒三角的提醒效果-JS殊效学院</title>
</head>
<style>
<!--
#menu{width:500px;padding:0;margin:40pxauto;list-style-type:none;display:<spanhref="tag.php?name=tab"onclick="tagshow(event)"class="t_tag">tab</span>le;}
#menuli{width:100px;float:left;line-height:30px}
#menua{position:relative;display:block;text-decoration:none;background:#cccccc;width:100px;}
#menuaspan{display:block;font-weight:bold;color:#000;border-style:solid;border-width:0px2px2px0px;border-color:#fff#fff#06a#fff;text-align:center;}#menuaem{display:none;}
#menua:hover{background:#FF0000;}#menua:hoverspan{color:#fff;}
#menua:hoverem{display:block;overflow:hidden;border:6pxsolid#06a;border-color:#06a#fff;border-width:6px6px06px;position:absolute;left:50%;top:100%;margin-left:-6px;}
-->
</style>
<body>
<ulid="menu">
<li><ahref="http://www.webjx.com/"><span>MOne</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MTwo</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MThree</span><em></em></a></li>
<li><ahref="http://www.webjx.com/"><span>MFour</span><em></em></a></li>

</ul>
</body>
</html>
这个不晓得在那里看的，转过去了，地点不记得了，感激原作者
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>em完成倒三角的提醒效果-JS殊效学院</title></head><style><!--#menu{width:500px;padding:0;margin:40pxauto;list-style-type:none;display:<spanhref="tag.php?name=tab"onclick="tagshow(event)"class="t_tag">tab</span>le;}#menuli{width:100px;float:left;line-height:30px}#menua{position:relative;display:block;text-decoration:none;background:#cccccc;width:100px;}#menuaspan{display:block;font-weight:bold;color:#000;border-style:solid;border-width:0px2px2px0px;border-color:#fff#fff#06a#fff;text-align:center;}#menuaem{display:none;}#menua:hover{background:#FF0000;}#menua:hoverspan{color:#fff;}#menua:hoverem{display:block;overflow:hidden;border:6pxsolid#06a;border-color:#06a#fff;border-width:6px6px06px;position:absolute;left:50%;top:100%;margin-left:-6px;}--></style><body><ulid="menu"><li><ahref="http://www.webjx.com/"><span>MOne</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MTwo</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MThree</span><em></em></a></li><li><ahref="http://www.webjx.com/"><span>MFour</span><em></em></a></li></ul></body></html>
[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识。
作者: 不帅    时间: 2015-1-17 23:30
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
作者: 老尸    时间: 2015-1-25 15:37
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
作者: 若天明    时间: 2015-2-3 05:07
HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器）
作者: 飘灵儿    时间: 2015-2-8 20:04
可以使用 CSS 检查工具进行设计。
作者: 第二个灵魂    时间: 2015-2-26 03:10
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
作者: 飘飘悠悠    时间: 2015-3-8 11:53
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 若相依    时间: 2015-3-15 23:54
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。



欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2