♦

发俩个符合标准到下拉菜单

2006年08月10日  
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>css菜单演示</title>
  5.  
  6.  
  7. <style type="text/css">
  8. <!--
  9.  
  10. *{margin:0;padding:0;border:0;}
  11. body {
  12. font-family: arial, 宋体, serif;
  13.         font-size:12px;
  14. }
  15.  
  16.  
  17. #nav {
  18.   line-height: 24px;  list-style-type: none; background:#666;
  19. }
  20.  
  21. #nav a {
  22. display: block; width: 80px; text-align:center;
  23. }
  24.  
  25. #nav a:link  {
  26. color:#666; text-decoration:none;
  27. }
  28. #nav a:visited  {
  29. color:#666;text-decoration:none;
  30. }
  31. #nav a:hover  {
  32. color:#FFF;text-decoration:none;font-weight:bold;
  33. }
  34.  
  35. #nav li {
  36. float: left; width: 80px; background:#CCC;
  37. }
  38. #nav li a:hover{
  39. background:#999;
  40. }
  41. #nav li ul {
  42. line-height: 27px;  list-style-type: none;text-align:left;
  43. left: -999em; width: 180px; position: absolute;
  44. }
  45. #nav li ul li{
  46. float: left; width: 180px;
  47. background: #F6F6F6;
  48. }
  49.  
  50.  
  51. #nav li ul a{
  52. display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
  53. }
  54.  
  55. #nav li ul a:link  {
  56. color:#666; text-decoration:none;
  57. }
  58. #nav li ul a:visited  {
  59. color:#666;text-decoration:none;
  60. }
  61. #nav li ul a:hover  {
  62. color:#F3F3F3;text-decoration:none;font-weight:normal;
  63. background:#C00;
  64. }
  65.  
  66. #nav li:hover ul {
  67. left: auto;
  68. }
  69. #nav li.sfhover ul {
  70. left: auto;
  71. }
  72. #content {
  73. clear: left;
  74. }
  75.  
  76.  
  77. -->
  78. </style>
  79.  
  80. <script type=text/javascript><!--//--><![CDATA[//><!--
  81. function menuFix() {
  82. var sfEls = document.getElementById("nav").getElementsByTagName("li");
  83. for (var i=0; i<sfEls.length; i++) {
  84.   sfEls[i].onmouseover=function() {
  85.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  86.   }
  87.   sfEls[i].onMouseDown=function() {
  88.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  89.   }
  90.   sfEls[i].onMouseUp=function() {
  91.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  92.   }
  93.   sfEls[i].onmouseout=function() {
  94.   this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
  95.  
  96. "");
  97.   }
  98. }
  99. }
  100. window.onload=menuFix;
  101.  
  102. //--><!]]></script>
  103.  
  104. </head>
  105. <body>
  106.  
  107.  
  108. <ul id="nav">
  109. <li><a href="#">产品介绍</a>
  110.  <ul>
  111.  <li><a href="#">产品一</a></li>
  112.  <li><a href="#">产品一</a></li>
  113.  <li><a href="#">产品一</a></li>
  114.  <li><a href="#">产品一</a></li>
  115.  <li><a href="#">产品一</a></li>
  116.  <li><a href="#">产品一</a></li>
  117.  </ul>
  118. </li>
  119. <li><a href="#">服务介绍</a>
  120.  <ul>
  121.  <li><a href="#">服务二</a></li>
  122.  <li><a href="#">服务二</a></li>
  123.  <li><a href="#">服务二</a></li>
  124.  <li><a href="#">服务二服务二</a></li>
  125.  <li><a href="#">服务二服务二服务二</a></li>
  126.  <li><a href="#">服务二</a></li>
  127.  </ul>
  128. </li>
  129. <li><a href="#">成功案例</a>
  130.  <ul>
  131.  <li><a href="#">案例三</a></li>
  132.  <li><a href="#">案例</a></li>
  133.  <li><a href="#">案例三案例三</a></li>
  134.  <li><a href="#">案例三案例三案例三</a></li>
  135.  </ul>
  136. </li>
  137. <li><a href="#">关于我们</a>
  138.  <ul>
  139.  <li><a href="#">我们四</a></li>
  140.  <li><a href="#">我们四</a></li>
  141.  <li><a href="#">我们四</a></li>
  142.  <li><a href="#">我们四111</a></li>
  143.  </ul>
  144. </li>
  145.  
  146. <li><a href="#">在线演示</a>
  147.  <ul>
  148.  <li><a href="#">演示</a></li>
  149.  <li><a href="#">演示</a></li>
  150.  <li><a href="#">演示</a></li>
  151.  <li><a href="#">演示演示演示</a></li>
  152.  <li><a href="#">演示演示演示</a></li>
  153.  <li><a href="#">演示演示</a></li>
  154.  <li><a href="#">演示演示演示</a></li>
  155.  <li><a href="#">演示演示演示演示演示</a></li>
  156.  </ul>
  157. </li>
  158. <li><a href="#">联系我们</a>
  159.  <ul>
  160.  <li><a href="#">联系联系联系联系联系</a></li>
  161.  <li><a href="#">联系联系联系</a></li>
  162.  <li><a href="#">联系</a></li>
  163.  <li><a href="#">联系联系</a></li>
  164.  <li><a href="#">联系联系</a></li>
  165.  <li><a href="#">联系联系联系</a></li>
  166.  <li><a href="#">联系联系联系</a></li>
  167.  </ul>
  168. </li>
  169.  
  170. </ul>
  171.  
  172. </body>
  173. </html>
  1. <html><head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <title>css菜单演示</title>
  4.  
  5.  
  6. <style type="text/css">
  7. <!--
  8.  
  9. *{margin:0;padding:0;border:0;}
  10. body {
  11. font-family: arial, 宋体, serif;
  12.         font-size:12px;
  13. }
  14.  
  15.  
  16. #nav {
  17.   line-height: 24px;  list-style-type: none; background:#666;   width:80px;
  18. }
  19.  
  20. #nav a {
  21. display: block; width: 80px; text-align:center;
  22. }
  23.  
  24. #nav a:link  {
  25. color:#666; text-decoration:none;
  26. }
  27. #nav a:visited  {
  28. color:#666;text-decoration:none;
  29. }
  30. #nav a:hover  {
  31. color:#FFF;text-decoration:none;font-weight:bold;
  32. }
  33.  
  34. #nav li {
  35. /*float: left*/; width: 80px; background:#CCC;
  36. }
  37. #nav li a:hover{
  38. background:#999;
  39. }
  40. #nav li ul {
  41. line-height: 27px;  list-style-type: none;text-align:left;
  42. left: -999em; width: 180px; position: absolute;
  43. }
  44. #nav li ul li{
  45. float: left; width: 180px;
  46. background: #F6F6F6;
  47. }
  48.  
  49.  
  50. #nav li ul a{
  51. display: block; width: 180px;w\idth: 156px;text-align:left;padding-left:24px;
  52. }
  53.  
  54. #nav li ul a:link  {
  55. color:#666; text-decoration:none;
  56. }
  57. #nav li ul a:visited  {
  58. color:#666;text-decoration:none;
  59. }
  60. #nav li ul a:hover  {
  61. color:#F3F3F3;text-decoration:none;font-weight:normal;
  62. background:#C00;
  63. }
  64.  
  65. #nav li:hover ul {
  66. left: auto;
  67. }
  68. #nav li.sfhover ul {
  69. left: auto;
  70. }
  71. #nav li.sfhover a {
  72. float:left;
  73. }
  74. #content {
  75. clear: left;
  76. }
  77.  
  78.  
  79. -->
  80. </style>
  81.  
  82. <script type=text/javascript><!--//--><![CDATA[//><!--
  83. function menuFix() {
  84. var sfEls = document.getElementById("nav").getElementsByTagName("li");
  85. for (var i=0; i<sfEls.length; i++) {
  86.   sfEls[i].onmouseover=function() {
  87.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  88.   }
  89.   sfEls[i].onMouseDown=function() {
  90.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  91.   }
  92.   sfEls[i].onMouseUp=function() {
  93.   this.className+=(this.className.length>0? " ": "") + "sfhover";
  94.   }
  95.   sfEls[i].onmouseout=function() {
  96.   this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
  97.  
  98. "");
  99.   }
  100. }
  101. }
  102. window.onload=menuFix;
  103.  
  104. //--><!]]></script>
  105.  
  106. </head>
  107. <body>
  108.  
  109.  
  110. <ul id="nav">
  111. <li><a href="#">产品介绍</a>
  112.  <ul>
  113.  <li><a href="#">产品一</a></li>
  114.  <li><a href="#">产品一</a></li>
  115.  <li><a href="#">产品一</a></li>
  116.  <li><a href="#">产品一</a></li>
  117.  <li><a href="#">产品一</a></li>
  118.  <li><a href="#">产品一</a></li>
  119.  </ul>
  120. </li>
  121. <li><a href="#">服务介绍</a>
  122.  <ul>
  123.  <li><a href="#">服务二</a></li>
  124.  <li><a href="#">服务二</a></li>
  125.  <li><a href="#">服务二</a></li>
  126.  <li><a href="#">服务二服务二</a></li>
  127.  <li><a href="#">服务二服务二服务二</a></li>
  128.  <li><a href="#">服务二</a></li>
  129.  </ul>
  130. </li>
  131. <li><a href="#">成功案例</a>
  132.  <ul>
  133.  <li><a href="#">案例三</a></li>
  134.  <li><a href="#">案例</a></li>
  135.  <li><a href="#">案例三案例三</a></li>
  136.  <li><a href="#">案例三案例三案例三</a></li>
  137.  </ul>
  138. </li>
  139. <li><a href="#">关于我们</a>
  140.  <ul>
  141.  <li><a href="#">我们四</a></li>
  142.  <li><a href="#">我们四</a></li>
  143.  <li><a href="#">我们四</a></li>
  144.  <li><a href="#">我们四111</a></li>
  145.  </ul>
  146. </li>
  147.  
  148. <li><a href="#">在线演示</a>
  149.  <ul>
  150.  <li><a href="#">演示</a></li>
  151.  <li><a href="#">演示</a></li>
  152.  <li><a href="#">演示</a></li>
  153.  <li><a href="#">演示演示演示</a></li>
  154.  <li><a href="#">演示演示演示</a></li>
  155.  <li><a href="#">演示演示</a></li>
  156.  <li><a href="#">演示演示演示</a></li>
  157.  <li><a href="#">演示演示演示演示演示</a></li>
  158.  </ul>
  159. </li>
  160. <li><a href="#">联系我们</a>
  161.  <ul>
  162.  <li><a href="#">联系联系联系联系联系</a></li>
  163.  <li><a href="#">联系联系联系</a></li>
  164.  <li><a href="#">联系</a></li>
  165.  <li><a href="#">联系联系</a></li>
  166.  <li><a href="#">联系联系</a></li>
  167.  <li><a href="#">联系联系联系</a></li>
  168.  <li><a href="#">联系联系联系</a></li>
  169.  </ul>
  170. </li>
  171.  
  172. </ul>
  173.  
  174. </body>
  175. </html>

0个评论  标签: ,   

一个很Cool的JS菜单效果

2006年08月10日  

http://bbs.blueidea.com/viewthread.php?tid=1491981

0个评论  标签:   

CSS 菜单举一反三

2006年08月09日  

http://www.blueidea.com/tech/site/2006/3658.asp

0个评论  标签:   

WEB打印，个人认为最好的

2006年07月31日  
  1. <html><br />
  2. <head></p>
  3. <p><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br />
  4. <!--media=print 这个属性可以在打印时有效--></p>
  5. <style media=print>
  6. .Noprint{display:none;}
  7. .PageNext{page-break-after: always;}
  8. </style>
  9. <style>
  10. .tdp
  11. {
  12. border-bottom: 1 solid #000000;
  13. border-left: 1 solid #000000;
  14. border-right: 0 solid #ffffff;
  15. border-top: 0 solid #ffffff;
  16. }
  17. .tabp
  18. {
  19. border-color: #000000 #000000 #000000 #000000;
  20. border-style: solid;
  21. border-top-width: 2px;
  22. border-right-width: 2px;
  23. border-bottom-width: 1px;
  24. border-left-width: 1px;
  25. }
  26. .NOPRINT {
  27. font-family: "宋体";
  28. font-size: 9pt;
  29. }</p>
  30. </style>
  31. <p></head></p>
  32. <p><body ><br />
  33. <center class="Noprint" ></p>
  34. <p>
  35. <object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0><br />
  36. </object></p>
  37. <input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
  38. <input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
  39. <input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
  40. <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7,1)>
  41. <hr align="center" width="90%" size="1" noshade>
  42. </center></p>
  43. <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
  44. <tr>
  45. <td colspan="3" class="tdp">第1页</td>
  46. </tr>
  47. <tr>
  48. <td width="29%" class="tdp"></td>
  49. <td width="28%" class="tdp"></td>
  50. <td width="43%" class="tdp"></td>
  51. </tr>
  52. <tr>
  53. <td colspan="3" class="tdp"></td>
  54. </tr>
  55. <tr>
  56. <td colspan="3" class="tdp">
  57. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  58. <tr>
  59. <td width="50%" class="tdp">
  60. <p>这样的报表</p>
  61. <p>对一般的要求就够了。</p>
  62. </td>
  63. <td></td>
  64. </tr>
  65. </table>
  66. </td>
  67. </tr>
  68. </table>
  69. <hr align="center" width="90%" size="1" noshade class="NOPRINT" >
  70. <!--分页--></p>
  71. <div class="PageNext"></div>
  72. <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
  73. <tr>
  74. <td class="tdp">第2页</td>
  75. </tr>
  76. <tr>
  77. <td class="tdp">看到分页了吧</td>
  78. </tr>
  79. <tr>
  80. <td class="tdp"></td>
  81. </tr>
  82. <tr>
  83. <td class="tdp"></td>
  84. </tr>
  85. <tr>
  86. <td class="tdp">
  87. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  88. <tr>
  89. <td width="50%" class="tdp">
  90. <p>这样的报表</p>
  91. <p>对一般的要求就够了。</p>
  92. </td>
  93. <td></td>
  94. </tr>
  95. </table>
  96. </td>
  97. </tr>
  98. </table>
  99. <p></body><br />
  100. </html>

0个评论  标签:   

禁止站外提交表单

2006年07月31日  

使用asp尽量减少服务器端的工作量，这样就应该多使用javascript，把所有提交字段使用javascript或vbscript检测后提交给服务器，这样服务器就不必再作检测，而在提交时可能会有人修改script从本地提交，这样存在安全提交的问题，所以应该要求从服务器断路径提交，其他地址提交提交无无效：

  1. <%
  2. server_v1=Cstr(Request.ServerVariables("HTTP_REFERER"))
  3. server_v2=Cstr(Request.ServerVariables("SERVER_NAME"))
  4. if mid(server_v1,8,len(server_v2))<>server_v2 Then
  5. response.write "<center><table border=1 cellpadding=20 bordercolor=black bgcolor=#EEEEEE width=450>"
  6. response.write "<tr><td style=&apos;font:9pt Verdana&apos;>"
  7. response.write "你提交的路径有误，禁止从站点外部提交数据请不要乱该参数！"
  8. response.write "</td></tr></table></center>"
  9. response.End
  10. end If
  11. %>

无觅相关文章插件，快速提升流量

0个评论  标签: ,   

« 上一页下一页 »

这里都有我

分类

标签云

读书笔记 1haideas mac 产品设计 表单 google coolcode ps xhtml 阅读 discuz 明朝那些事儿 blueidea ff ios 万树 总结 设计笔记 天涯杂谈 网站分析 ue game book 密码 2012 邀请 猪八戒 table rss php

最新文章