Recently, ESET add my domain name to the black-list of their database. You can’t open my site and been warned my site is not safe if your PC is running the ESS or EAV. Why Eset block my site？The answer is obvious. That is reason that you come here. I promise that my site is pure, no virus, no spyware, no Trojan, no pop ads. You can test my word through intalling Kaspersky or other Antivirus Software. If you want open my site and take latest escalation ID & Activation Code, close your ESET software(disable antivirus and antispyware protection function temporarily) or by proxy or virtual machinor. You can also feed the RSS source http://feed.loserblog.cn.
Recently, ESET add my domain name to the black-list of their database. You can’t open my site and been warned my site is not safe if your PC is running the ESS or EAV. Why Eset block my site？The answer is obvious. That is reason that you come here. I promise that my site is pure, no virus, no spyware, no Trojan, no pop ads. You can test my word through intalling Kaspersky or other Antivirus Software. If you want open my site and take latest escalation ID & Activation Code, close your ESET software(disable antivirus and antispyware protection function temporarily) or by proxy or virtual machinor. You can also feed the RSS source http://feed.loserblog.cn.
Three CSS realizations of next pull menu
It a
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> Drop Down Menu </title>
<style type="text/css">
body {font-size:1%; color:#fff;} /*get rid of the IE bug that prints the the end of the !doctype */
.menu {display:none;}
.holder {color:#000; width:90px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:18px; overflow:hidden;}
.holder:hover {height:auto; cursor:pointer;color:#fff; background:#000;}
a.inner, a.inner:visited {display:block; width:89px; height:18px; border-bottom:1px solid #000; text-decoration:none; color:#000; background:#eee;}
a.inner:hover {background:#add;}
p { color:#000; font-size:16px;}
</style>
<!–[if IE]>
<style type="text/css">
/*<![CDATA[*/
.holder {display:none;}
.menu {display:block;}
a.outer, a.outer:visited {color:#000; width:90px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:18px; overflow:hidden;}
a.outer:hover {color:#fff; background:#000; overflow:visible;}
a.outer:hover table {display:block; background:#eee; border-collapse:collapse;}
a.inner, a.inner:visited {display:block; width:88px; height:18px; border-bottom:1px solid #000; text-decoration:none; color:#000;font-family:tahoma, vardana, arial, sans-serif; font-size:10px; text-align:center;}
a.inner:hover {background:#add;}
/*]]>*/
</style>
<![endif]–>
</head>
<body>
<p>For another demo with page content see <a href="http://www.stunicholls.myby.co.uk/menus/drop_down.html" title="another demo">this page</a>
<div class="menu">
<a class="outer" href="page1.html">MENU 1
<table><tr><td>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</td></tr></table>
</a>
<a class="outer" href="page1.html">MENU 2
<table><tr><td>
<a class="inner" href="page2a.html">Page 2a</a>
<a class="inner" href="page2b.html">Page 2b</a>
<a class="inner" href="page2c.html">Page 2c</a>
<a class="inner" href="page2d.html">Page 2d</a>
</td></tr></table>
</a>
</div>
<div class="holder">
MENU 1<br />
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</div>
<div class="holder">
MENU 2<br />
<a class="inner" href="page2a.html">Page 2a</a>
<a class="inner" href="page2b.html">Page 2b</a>
<a class="inner" href="page2c.html">Page 2c</a>
<a class="inner" href="page2d.html">Page 2d</a>
</div>
</body>
</html>
It two:
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<Title>the css menu play to show</title>
<style type="text/css">
<!–
*{margin:0;padding:0;border:0;}
body {
font-family: Arial, Sung body, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666;
}
#nav a {
display: block; width: 80px; text-align:center;
}
#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#nav li ul a{
display: block; width: 156px;text-align:left;padding-left:24px;
}
#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}
#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}
–>
</style>
<script type=text/javascript><!–//–><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//–><!]]></script>
</head>
<body>
<ul id="nav">
<Li><a href="#">the product introduce</a>
<ul>
<Li><a href="#">product a</a></li>
<Li><a href="#">product a</a></li>
<Li><a href="#">product a</a></li>
<Li><a href="#">product a</a></li>
<Li><a href="#">product a</a></li>
<Li><a href="#">product a</a></li>
</ul>
</li>
<Li><a href="#">the service introduce</a>
<ul>
<Li><a href="#">serve two</a></li>
<Li><a href="#">serve two</a></li>
<Li><a href="#">serve two serve two</a></li>
<Li><a href="#">serve two serve two serve two</a></li>
<Li><a href="#">serve two</a></li>
</ul>
</li>
<Li><a href="#">successful case</a>
<ul>
<Li><a href="#">case three</a></li>
<Li><a href="#">case</a></li>
<Li><a href="#">case three cases three</a></li>
<Li><a href="#">case three cases three cases three</a></li>
</ul>
</li>
<Li><a href="#">concerning us</a>
<ul>
<Li><a href="#">we four</a></li>
<Li><a href="#">we four</a></li>
<Li><a href="#">we four</a></li>
<Li><a href="#">we are four 111<s/as></li>
</ul>
</li>
<Li><a href="#">on-line play to show</a>
<ul>
<Li><a href="#">play to show</a></li>
<Li><a href="#">play to show</a></li>
<Li><a href="#">play to show</a></li>
<Li><a href="#">play to show to play to show to play to show</a></li>
<Li><a href="#">play to show to play to show to play to show</a></li>
<Li><a href="#">play to show to play to show</a></li>
<Li><a href="#">play to show to play to show to play to show</a></li>
<Li><a href="#">play to show to play to show to play to show to play to show to play to show</a></li>
</ul>
</li>
<Li><a href="#">contact us</a>
<ul>
<Li><a href="#">contact contact contact contact contact</a></li>
<Li><a href="#">the contact's contact contact</a></li>
<Li><a href="#">contact</a></li>
<Li><a href="#">the contact contact</a></li>
<Li><a href="#">the contact contact</a></li>
<Li><a href="#">the contact's contact contact</a></li>
<Li><a href="#">the contact's contact contact</a></li>
</ul>
</li>
</ul>
</body>
</html>
It three:
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<Title>horizontal next pull menu</title>
<style type="text/css">
<!–
* {margin:0;padding:0;border:0;}
body {
font-family: Arial, Sung body, serif;
font-size:12px;
}
#nav {
height: 24px; list-style-type: none; padding-left:200px;
line-height:24px;overflow:hidden;background:#999;
}
#nav a {
display: block; width: 80px; text-align:center;
}
#nav a:link {
color:#EEE; text-decoration:none;
}
#nav a:visited {
color:#EEE;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;background:#CCC;
}
#nav li {
float: left; width: 80px;
}
#nav li ul {
line-height: 24px;
list-style-type: none;
text-align:left;
left: -999px;
width: 520px; //Attention, must establish width here;
position: absolute;
background:#CCC;
}
#nav li ul li{
float: left;width: 80px; //The float be the submenu horizontal key, can inherit father menu but abridge float
}
#nav li ul a{
display: block; width: 65px;text-align:left;padding-left:15px;
}
#nav li ul a:link {
color:#F1F1F1; text-decoration:none;
}
#nav li ul a:visited {
color:#F1F1F1;text-decoration:none;
}
#nav li ul a:hover {
color:#FFF;text-decoration:none;font-weight:normal;background:#C00;
}
#nav li:hover ul {
left:25%;
}
#nav li.sfhover ul {
left:25%;
}
#content {
clear: left;
}
–>
</style>
<script type=text/javascript><!–//–><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//–><!]]></script>
</head>
<body>
<ul id="nav">
<Li><a href="#">menu a</a>
<ul>
<Li><a href="#">menu a</a></li>
<Li><a href="#">menu a</a></li>
<Li><a href="#">menu a</a></li>
<Li><a href="#">menu a</a></li>
<Li><a href="#">menu a</a></li>
<Li><a href="#">menu a</a></li>
</ul>
</li>
<Li><a href="#">menu two</a>
<ul>
<Li><a href="#">menu two</a></li>
<Li><a href="#">menu two</a></li>
<Li><a href="#">menu two</a></li>
<Li><a href="#">menu two</a></li>
<Li><a href="#">menu two</a></li>
</ul>
</li>
<Li><a href="#">menu three</a>
<ul>
<Li><a href="#">menu three</a></li>
<Li><a href="#">menu three</a></li>
<Li><a href="#">menu three</a></li>
<Li><a href="#">menu three</a></li>
<Li><a href="#">menu three</a></li>
</ul>
</li>
<Li><a href="#">menu four</a>
<ul>
<Li><a href="#">menu four</a></li>
<Li><a href="#">menu four</a></li>
<Li><a href="#">menu four</a></li>
<Li><a href="#">menu four</a></li>
<Li><a href="#">menu four</a></li>
</ul>
</li>
<Li><a href="#">menu five</a>
<ul>
<Li><a href="#">menu five</a></li>
<Li><a href="#">menu five</a></li>
<Li><a href="#">menu five</a></li>
<Li><a href="#">menu five</a></li>
<Li><a href="#">menu five</a></li>
</ul>
</li>
<Li><a href="#">menu six</a>
<ul>
<Li><a href="#">menu six</a></li>
<Li><a href="#">menu six</a></li>
<Li><a href="#">menu six</a></li>
<Li><a href="#">menu six</a></li>
<Li><a href="#">menu six</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Categories: Programm
Comments (0)
Trackbacks (0)
Leave a comment
Trackback
Recent Comments
- Great work, but ...
- Thanks.
- yay! you're the ...
- I think it's bet...
- Great work man. ...
