jsp js 非表示を終了するときにマウスを指定した領域に移動するとタブが表示されます。-jsチュートリアル-php.cn

-1. 右側に表示されるナビゲーション メニューの完全なコード

コードをコピーします コードは次のとおりです。 🎜>

右侧弹出导航菜单－－柯乐义 .my_left_category{ width:150px; フォントサイズ:12px; フォントファミリー:arial、サンセリフ; 文字間隔:2px; } .my_left_category h1{ 背景画像:url(http://www.keleyi.com/keleyi/phtml/rightmenu/top.gif); 高さ:20px; 背景リピート:リピートなし; フォントサイズ:14px; フォントの太さ:太字; パディング左:15px; パディングトップ:8px; マージン:0px; カラー:#FFF; } .my_left_category .my_left_cat_list{ width:148px; ボーダーカラー:#b60134; ボーダースタイル:ソリッド; ボーダー幅:0px 1px 1px 1px; 行の高さ:13.5pt; } .my_left_category .my_left_cat_list h2 { margin:0px; パディング:3px 5px 0px 9px; } .my_left_category .my_left_cat_list h2 a { color:#d6290b; フォントの太さ:太字; フォントサイズ:14px; 行の高さ:22px; } .my_left_category .my_left_cat_list h2 a:hover { color:#d6290b; フォントの太さ:太字; フォントサイズ:14px; 行の高さ:22px; } .my_left_category .h2_cat{ width:148px; 高さ:26px; 背景画像:url(http://www.keleyi.com/keleyi/phtml/rightmenu/right.gif); 背景リピート:リピートなし; 行の高さ:26px; フォントの太さ:標準; カラー:#333333; 位置:相対; } .my_left_category .h2_cat_1{ width:148px; 高さ:26px; 背景画像:url(http://www.keleyi.com/keleyi/phtml/rightmenu/line.gif); 背景リピート:リピートなし; 行の高さ:26px; フォントの太さ:標準; カラー:#333333; 位置:相対; } .my_left_category a{ font:12px; テキスト装飾:なし; カラー:#333333; } .my_left_category a:hover{ text-decoration:underline; カラー:#ff3333; } .my_left_category h3{ margin:0px; パディング:0px; 高さ:26px; フォントサイズ:12px; フォントの太さ:標準; 表示:ブロック; パディング左:8px; } .my_left_category h3 スパン{color:#999999;幅:145ピクセル; float:right;} .my_left_category h3 a{ line-height:26px;} .my_left_category .h3_cat{ display:none; 幅:204ピクセル; 位置:絶対; 左:123ピクセル; マージントップ:-26px; カーソル:自動; } .my_left_category .shadow{ 位置:継承; 背景:url(http://www.keleyi.com/keleyi/phtml/rightmenu/back.gif) 左上; 幅:204ピクセル; } .my_left_category .shadow_border{ 位置:継承; 幅:200ピクセル; ボーダー:1px ソリッド #959595;マージントップ:1px; ボーダー左幅:0px; 背景:url(http://www.keleyi.com/keleyi/phtml/rightmenu/height.gif) リピートなし 0px 21px; 背景色:#ffffff; margin-bottom:3px } .my_left_category .shadow_border ul{margin:0;パディング:0; margin-left:15px} .my_left_category .shadow_border ul li { list-style:none; パディング左:10px; 背景画像:url(http://www.keleyi.com/keleyi/phtml/rightmenu/justright.gif); 背景リピート:リピートなし; 背景位置:0px 8px; 浮動小数点:左; 幅:75ピクセル; 高さ:26px; オーバーフロー:非表示; 文字間隔:0px; } .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:pointer;} .my_left_category .active_cat h3 { font-weight:bold} 。 my_left_category .active_cat h3 スパン{display:none;} .my_left_category .active_cat div{display:block;} 分类导航 按网站类别 企业建站 LOGO设计 网站设计 网站广告 推广 建网站 柯乐义 网站建设 SEO 韩国男装 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 韩国童装 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 按品牌选货 热销推荐 柯乐义 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 网站建设 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 推广 建网站 网站推广 推广 建网站 网站推广 网站建设 SEO 网站制作 LOGO设计 网站设计 网站广告 推广 建网站 网站推广 网站建设 SEO 网站建设 LOGO设计 网站设计网站设计网站设计网站设计 网站广告 推广 建网站 网站推广 网站建设 SEOqqqqqqqqeeeeqqqqqqq

网站程序 PHP ASP JSP ASP.Net

その他の网站

按价格选货 最下位价位 50元以下 50-100元

中高端价位 100-150元 150-200元 200-300元 300元以上

超值特价区 现货区

0、下方弹出导航菜单代码 复制代码 代码如下: css+div+js下拉菜单导航--柯乐义 *{margin:0;padding:0;list-style-type:none;} body{padding:0;margin:0;font-size:12px;color:#fff;font-family:arial, helvetica, sans-serif;background:#fff;} #nav{left:0px;right:0px;width:600px;position:fixed;margin-left:auto;margin-right:auto;top:175px;height:30px;} #nav li{float:left;text-align:center;} #nav li a{float:left;width:100px;color:#336601;text-decoration:none;padding:3px 5px 0 5px;} #nav li a:hover{float:left;width:88px;color:#fff;background:#539d26;text-decoration:none;padding:3px 3px 0 20px;} .list{font-weight:normal;line-height:20px;text-align:left;padding:4px;} .menu1{border:#9cdd75 1px solid;overflow-y:hidden;margin:6px 4px 0px 0px;width:120px;cursor:pointer;color:#336601;padding-top:6px;background:#f1fbec;moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;} .menu2{border:#eee8dd 1px solid;overflow-y:hidden;margin:6px 4px 0px 0px;width:120px;cursor:pointer;color:#999;padding-top:6px;height:18px;background:#f5f5f5;} google_ad_client = "ca-pub-7740261255677392"; google_ad_slot = "8839078091"; google_ad_width = 728; google_ad_height = 90; //--> src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> Javascript js中substring

客户端代码着色

js实现代码着色

11个js技巧

tab切换样式

js获取可见域宽

js导航菜单 jQuery 左侧可弹出div

jquery修改a标签

纯文本返回顶部

jquery倒计时

div(tab)切换

选项卡切换

单行文字滚动

DIV到顶固定

修饰title气泡 C# テキストの空白行を削除 ; 画像確認コードを生成 ;br /> 一意の文字列を生成

テキストをファイルに書き込みます

IgnoreRoute を使用してパスを無視します

RouteCollection クラス

Ke Leyi 画像圧縮クラス CMS KeleyiCMS アップデート

Ke Leyi 掲示板の紹介

コードは次のとおりです以下のように: 无标题文档 *{ padding:0; margin:0; } #tab { width:400px; position:relative; margin:0 auto; margin-top:100px; } #tab div { display:none;/*让选项卡内容在没有激活的时候不显示*/ position:absolute; top:24px;/*选项卡标题的高度是24px*/ left:0; width:398px; border:solid #d4d3d3; border-width:0 1px 1px; } #tab .blank { display:block; padding-bottom:10px;/*让激活的选项卡内容区域最低端的文字不贴着元素底部*/ } #tab h3 { width:98px; float:left; height:24px; border:1px solid #cccccc; text-align:center; font-size:14px; font-weight:normal; line-height:24px; background:url(images/51.jpg) no-repeat; cursor:pointer;/*让鼠标移动到选项卡标题上的时候变成手的形状*/ } #tab .up { background:url(images/61.jpg) no-repeat; } #tab ul { margin:15px 0 0;/*让列表项文字离选项卡标题的下端远一点*/ padding:0; } #tab ul,#tab li { list-style:none; } #tab li { width:47.9%;/*这里用百分比的作用可以解决IE6中的宽度解析问题*/ height:22px; line-height:22px;/*这两行的作用是设置li的高度，并将li中的文字内容上下居中显示*/ float:left; margin:0 1%; border-bottom:1px dashed #cccccc; text-indent:10px; display:inline;/*修改IE6中的双倍间距的bug问题*/ white-space:nowrap; text-overflow:ellipsis; overflow: hidden;/*这三行的作用是，如果li中的文字内容超过li的大小，则超出的部分用省略号显示*/ } #tab li a { font-size:12px; text-decoration:none; color:#333333; text-indent:10px; } #tab li a:hover { text-decoration:underline; color:red; } #tab a:hover h3 { border:1px solid #cccccc; border-bottom:0px; } 选项一 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 超银行利率4倍不受保护 选项二 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 欧洲央行前副行长出任希腊总理今日就职 オプション 3 ul> 新しい観察: 私たちは底辺社会についてどれだけ知っている ; 新しい観察: 底辺社会についてどれだけ知っているか社会 新しい観察: 私たちはどのくらい知っているのか底辺社会について知る 新しい観察:私たちは底辺社会についてどれくらい知っていますか ;新しい観察: 私たちは底辺社会についてどれだけ知っていますか 新たな観察: 底辺社会について私たちはどのくらい知っているのか 新しい観察: 私たちは底辺社会についてどのくらい知っていますか 新しい観察: 下層階級社会について私たちはどのくらい知っていますか 新しい観察: 私たちは底辺社会についてどれくらい知っていますか 新しい観察: 底辺社会についてどれくらい知っていますか 🎜> 新しい観察: 下層社会について私たちはどのくらい知っている ; オプション 4 ロシアは来年夏に世界貿易機関に加盟します 来年夏に世界貿易機関に加盟します 来年夏、世界貿易機関に参加します ロシアは世界貿易機関に参加します来年の夏に組織される ロシアは世界貿易機関に参加します明日の夏、ロシアは世界貿易機関に加盟します ロシアは来夏に世界貿易機関に加盟します ロシアは来夏世界貿易機関に参加します var h=document.getElementById(" tab").getElementsByTagName( "h3"); var d=document.getElementById("tab").getElementsByTagName("div"); function go_to(ao) { for( var i=0;i { if(ao-1==i) { h[i].className="up"; d[i].className ="blank"; else { h[i].className=" "; 🎜>} } } //->

2. For tabs, use the first the second Copy code The code is as follows: window.onload = function(){ var li = document.getElementById("myItem").getElementsByTagName("li"); for(var i=0;i (function(){ li[a].onmouseover = function(){ this.style.display="block"; } li[a] .onmouseout = function(){ this.style.display ="none"; } })(i); } } 3. Copy code The code is as follows: function displaySubMenu(ITstudy_cn) { var subMenu = document.getElementById(ITstudy_cn); subMenu.style.display = "block"; } function hideSubMenu(ITstudy_cn) { var subMenu = document.getElementById(ITstudy_cn); subMenu.style.display = "none"; } &lt ;style> * { padding:0; margin:0;} body { text-align: center; font-family: "宋体",arial;border: 0; background: #FFF; font-size :12px; color:#000;} /* Header drop-down menu*/ #navigation { margin:2px; } #navigation, #navigation li ul { list-style-type:none; } #navigation li { float:left; text-align:center; position:relative; } #navigation li a:link , #navigation li a:visited { display:block; text-decoration:none; } #navigation li a:hover { color:#fff; background:#2687eb; } #navigation li ul li a:hover { color:#990000; background:#d6ecfd; text-decoration:underline; } #navigation li ul { display: none; position:absolute; width:90px; top:13px; left:-45px; padding:5px; border:1px solid #d6ecfd;background-color:#f2f9fe; } Homepage | ="javascript:void(0);" >style Restore Default settings Depth Space Style IT Learning Network Style