mouseout淡出问题没有应用JavaScript/jQuery
mouseout FadeOut trouble no JavaScript/jQuery applied
这里可能有什么问题?将鼠标悬停在"产品"选项卡上?因为我想要我的鼠标悬停菜单到淡出的确切时间转换文本淡出太多,请帮助,谢谢:)这是我观察的网站
cann.net78.net
顺便说一下,这是代码
<head>
<style type="text/css">
body{font-family:HelveticaLTStd-Light;}
table{font-size:80%}
a{color:#f0f0f0;text-decoration:none;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
a:hover{color:#006600;}
font-family:HelveticaLTStd-Light;
td.menu{background:#DEB887}
table.menu
{
font-size:100%;
color:#f0f0f0;
position:absolute;
visibility:hidden;
background:#558800;
opacity:0.9;
}
body {
background:url(wall.jpg) no-repeat fixed center;
}
table
{
border-collapse:collapse;
}
table, td, th
{
position:relative;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
</head>
<body>
<div id="header">
<br>
<br><table border="0" align="center">
<tr>
<th align="left" width="430"><font color="cccccc" face="HelveticaLTStd-Light" size="15">C-Ann Trading</font><br>
<font color="#f0f0f0" size="5">and Computer Services </font> </th>
<th width="120" style="border-right:1px solid #000000;border-color:#cccccc"><br><font size="3"><a href="index.html">Home</a></font></th>
<th width="120" style="border-right:1px solid #000000;border-color:#cccccc"><br><font size="3"><a href="about.htm">About Us</a></font></th>
<th width="120" onmouseover="showmenu('products')" onmouseout="hidemenu('products')" style="border-right:1px solid #000000;border-color:#cccccc"><br><font size="3" color="#f0f0f0">Products</font>
<table border="1" class="menu" id="products" width="150">
<tr><th align="left" class="menu"><a href="notebook.htm">      Notebooks</a></tr></th>
<tr><th align="left" class="menu"><a href="monitor.htm">      Monitors</a></tr></th>
<tr><th align="left" class="menu"><a href="component.htm">      Components</a></tr></th>
<tr><th align="left" class="menu"><a href="software.htm">      Softwares</a></tr></th>
<tr><th align="left" class="menu"><a href="peripheral.htm">      Peripherals</a></tr></th>
<tr><th align="left" class="menu"><a href="network.htm">      Networking</a></tr></th>
<tr><th align="left" class="menu"><a href="storage.htm">      Storage Devices</a></tr></th>
老实说,停止使用<table>
来执行这样的下拉菜单。使用嵌套的<ul><li>
标记,并尝试使用纯css解决方案。
http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
如果可以的话,从我所看到的你网站的源代码来看,也许你应该从头开始,记住html是一种语义标记语言,可以帮助(人们和)机器人识别你的内容。
试着把你的内容想象成你在写一本书,有标题、摘要、一些段落等等…
一个简单的开始就要充分利用这一点:http://www.w3schools.com/html/html_basic.asp
乍一看,你可能会发现这更难,但你会提高你的技能,也会赢得一些你可能会觉得有用的seo排名。
相关文章:
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- Javascript(jQuery)给了我奇怪的结果
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript/jQuery中的并行Ajax调用
- 我可以在Javascript/jQuery中使用一个变量作为键吗
- Javascript/Jquery/PHP加载页面-如何
- Javascript/Jquery Blob not showing Chrome PDF
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- OnClick/Onhover Javascript/jquery
- 如何从javascript/jquery中的复选框中获取布尔值
- javascript/jquery将utc转换为短格式的本地时间
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何向这个javascript/jquery函数添加参数
- 用JavaScript/jQuery点击图片,选中多个方框
- 使用Javascript/JQuery获取JSON GET数据
- 从数组中删除元素的最佳方法是:javascript/jquery
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 用DRY方式Javascript/JQuery动态替换HTML
- 类似Javascript JQuery的库
- 如何在 Javascript/jQuery 中获取一些随机下拉列表的选定值