教程集 > jQuery > jquery 教程 > 正文仿新浪网，sina.com的经典黄色滑动门效果代码

仿新浪网，sina.com的经典黄色滑动门效果代码

发布时间：2023-12-22 编辑：jiaochengji.com

教程集为您提供仿新浪网，sina.com的经典黄色滑动门效果代码等资源，欢迎您收藏本站，我们将为您提供最新的仿新浪网，sina.com的经典黄色滑动门效果代码资源

提示：您可以先修改部分代码再运行

仿新浪网，sina.com的经典黄色滑动门效果代码  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>  </title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <style type="text/css">  *{font:12px "宋体";margin:0;padding:0;}  ul{list-style:none;}  a{text-decoration:none;}  a:hover{text-decoration:underline;}  .TabADS{width:160px;}  .TabADS ul{width:160px;height:24px;background:#fff;}  .TabADS li{width:40px;float:left;height:18px;padding:6px 0 0 0;background:url(http://www.zzsky.cn/effect/images/200909150700/sinahome1.gif) no-repeat right #e4e4e4;text-align:center;color:#333;cursor:pointer;}  .TabADS .TasADSOn{background:url(http://www.zzsky.cn/effect/images/200909150700/sinahome2.gif) no-repeat right #ffe4a6;text-align:center;color:#333;font-weight:bold;cursor:pointer;}  .TabADSCon{background:#FFD77B;padding:5px;width:150px;}  .TabADSCon li{text-align:left;line-height:20px;}  </style>  <script language="javascript" type="text/javascript">  function Show_TabADSMenu(tabadid_num,tabadnum){  	for(var i=0;i<4;i  ){document.getElementById("tabadcontent_" tabadid_num i).style.display="none";}  	for(var i=0;i<4;i  ){document.getElementById("tabadmenu_" tabadid_num i).className="";}  	document.getElementById("tabadmenu_" tabadid_num tabadnum).className="TasADSOn";  	document.getElementById("tabadcontent_" tabadid_num tabadnum).style.display="block";  }  </script>  </head>  <body>    <div class="TabADS">    <ul>      <li id="tabadmenu_10" onmouseover="setTimeout('Show_TabADSMenu(1,0)',200);" class="TasADSOn">VB</li>      <li id="tabadmenu_11" onmouseover="setTimeout('Show_TabADSMenu(1,1)',200);">ASP</li>      <li id="tabadmenu_12" onmouseover="setTimeout('Show_TabADSMenu(1,2)',200);">PHP</li>      <li id="tabadmenu_13" onmouseover="setTimeout('Show_TabADSMenu(1,3)',200);">cgi</li>    </ul>  </div>  <div class="TabADSCon">    <ul id="tabadcontent_10">      <li>基于VC的推箱子游戏</li>    </ul>    <ul id="tabadcontent_11" style="display:none;">      <li>VB批量重命名程序</li>    </ul>    <ul id="tabadcontent_12" style="display:none;">      <li>VC  五子棋游戏进阶版源码</li>    </ul>    <ul id="tabadcontent_13" style="display:none;">      <li>精美多模式DELPHI闹钟程序</li>    </ul>  </div>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
仿网易的新浪网站滑门效果，用DIV CSS技术实现
 仿新浪切换滑门菜单js代码
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 仿新浪微博返回顶部的jquery实现代码
 CSS滑动门技术教程
 jQuery仿照新浪微博提示框（确认框）
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
 photoshop调日系清新淡雅色调照片调色教程
 js自适应滑动门代码
 简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)

上一篇：点击一个按钮，浏览器窗口向下滚动下一篇：js功能-按Ctrl键多选表格行

[关闭]

仿新浪网，sina.com的经典黄色滑动门效果代码

最近更新

浏览排行