`
- 浏览:
37259 次
- 性别:
- 来自:
北京
-
-
-
-
-
- .chanel_list
- {
- float:left;
- width:auto;
- background-color:#F0F0EE;
- border-top:solid 3px #288dab;
- }
- .chanel_list_item
- {
- height: 33px;
- line-height: 33px;
- border:solid 1px #DEDEDE;
- border-top:none;
- text-align:left;
- font-size:14px;
- padding-left:30px;
- cursor:pointer;
- margin-top:2px;
- background:url(../images/common/pixel_round2.png) no-repeat 15px center;
- color:#666;
- }
- .chanel_list_item_hover
- {
- font-weight:bold;
- color:#288dab;
- border-right: none;
- background:none;
- background: url("../images/common/arrow_left.png") no-repeat scroll left center #FFFFFF;
- }
- .chanel_list_item_bottom
- {
- height: 87px;
- border:solid 1px #DEDEDE;
- border-top:none;
- }
- .chanel_list_right
- {
- width:740px;
- background-color:#fff;
- border:solid 1px #288dab;
- border-left:none;
- border-top:solid 2px #F0F0EE;
- }
- .chanel_list_right_title
- {
- float:left;
- border-left:none;
- height:33px;
- line-height:33px;
- padding-left:20px;
- width:720px;
- }
- .chanel_list_right_content
- {
- float:left;
- border-left:solid 1px #288dab;
- padding:10px;
- padding-top:0px;
-
- }
- .chanel_list_right_item
- {
- background:url(../images/common/arrow.gif) no-repeat 10px 16px;
- float:left;
- height:35px;
- line-height:35px;
- margin-top:5px;
- margin-left:5px;
- font-size:13px;
- padding-left:25px;
- width:690px;
- background-color:#efefef;
- overflow:hidden;
- }
- .chanel_list_right_item_hover
- {
- background-color:#FF9;
-
- }
-
-
-
- <script type="text/javascript">
- <!--
- var y = 0;
- var x = 0;
-
- var classid = "";
- var timeoutId = 0;
- jQuery(function() {
- jQuery(".chanel_list_item").bind("mouseenter", function() {
- afterMouseLeaveRes();
-
- var temp = jQuery(this).attr("id");
-
-
- y = jQuery(this).offset().top-2;
- x = jQuery(this).offset().left+jQuery(this).width()+23;
- jQuery(".chanel_list_right").css("top", y);
- jQuery(".chanel_list_right").css("left", 210);
-
- classid = jQuery(this).attr("id");
- jQuery(".chanel_list_right_children").hide();
- jQuery("#class_" + classid).show();
-
- jQuery(this).addClass("chanel_list_item_hover");
- jQuery(".chanel_list_right").show();
- });
-
- jQuery(".chanel_list_item").bind("mouseleave", function(e) {
- mouseX = e.pageX;
- divX = jQuery(this).offset().left + jQuery(this).width() + 23;
- if (mouseX > divX) {
- afterMouseLeaveRes();
- }
- });
-
- jQuery(".chanel_list_right").bind("mouseleave", function() {
- afterMouseLeaveRes();
- });
- jQuery(".chanel_list_right_item")
- .bind(
- "mouseenter",
- function() {
- jQuery(
- ".chanel_list_right_item .chanel_list_right_item_hover")
- .removeClass("chanel_list_right_item_hover");
- jQuery(this).addClass(
- "chanel_list_right_item_hover");
- });
- jQuery(".chanel_list_right_item").bind("mouseleave", function() {
- jQuery(this).removeClass("chanel_list_right_item_hover");
- });
- });
-
-
-
- function afterMouseLeaveRes() {
- jQuery(".chanel_list_item_hover").removeClass("chanel_list_item_hover");
- jQuery(".chanel_list_right_item_hover").removeClass(
- "chanel_list_right_item_hover");
- jQuery("#chanel_list_right").hide();
- }
-
- function secondarySearch(subjectId,parentId,parentName)
- {
- document.location.href = "<%=realPath%>/search/searchresult?subjectId="
- + subjectId + "&parentId=" + parentId
- + "&parentIdLevel=1&parentName=" + parentName;
- }
-
- </script>
- <!--content1-->
- <div class="content_top">
-
- <div class="content_top_left">
- <!-- 导航菜单 -->
- <div class="chanel_list">
- <s:iterator value="menuNavigationsList" status="arr">
- <div class="chanel_list_item"
- id="<s:property value="viewClaRelEntity.cid"/>">
- <a
- href="javascript:secondarySearch('<s:property value="#request.libId"/>','<s:property value="viewClaRelEntity.cid"/>','<s:property value="viewClaRelEntity.name"/>')"><s:property
- value="viewClaRelEntity.name" /></a>
- <%-- <s:property value="viewClaRelEntity.name" /> --%>
- </div>
- </s:iterator>
- </div>
-
- <div id="chanel_list_right" class="chanel_list_right"
- style="left: 0px; overflow: hidden; position: absolute; top: 0px; display: none;">
- <s:iterator value="menuNavigationsList" status="arr">
- <div id="class_<s:property value="viewClaRelEntity.cid"/>"
- class="chanel_list_right_children" style="display: none">
- <div class="chanel_list_right_content">
- <s:iterator value="lsNavigationsA" status="arr">
- <div class="chanel_list_right_item"
- style=" height: auto; line-height: 15px;">
- <a style="font-weight: 900; color: #288DAB;"
- href="javascript:secondarySearch('<s:property value="#request.libId"/>','<s:property value="viewClaRelEntity.cid"/>','<s:property value="viewClaRelEntity.name"/>')">
- <s:property value="viewClaRelEntity.name" />
- </a>:
- <s:iterator value="lsNavigationBs" status="arr1">
- <s:if test="%{viewClaRelEntity.name==null}">
- <br/>
- </s:if>
- <s:else>
- <a style="font-weight: 900;"
- href="javascript:secondarySearch('<s:property value="#request.libId"/>','<s:property value="viewClaRelEntity.cid"/>','<s:property value="viewClaRelEntity.name"/>')">
- <s:property value="viewClaRelEntity.name" />、
- </a>
- </s:else>
- </s:iterator>
- <br/>
- </div>
- <div style="height: 2px;"></div>
-
- </s:iterator>
- </div>
- </div>
-
- </s:iterator>
- </div>
- </div>
- </div>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
js导航菜单插件制作js顶部导航菜单和侧面js导航菜单
漂亮的Js导航,使用简单,兼容IE,FF
13个漂亮的JS导航菜单 13种样式,个个好看、实用, 欢迎下载
js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单
常用js javascript 导航菜单 图片切换 手风琴 弹出框 切换标签
Javascript导航菜单特效!轻松美化你的网页。
js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单
this source is about a navigator supported by javascript.
水晶上翻的js导航菜单 ruijiansucai
媲美Flash的JS导航菜单.htm 媲美Flash的JS导航菜单.htm
Javascript导航菜单13则(含部分代码) <br>精心收集
js导航菜单横向二级菜单,支持ie6,ie7,ie8已通过测试,大家可以下载看下
js导航菜单设置当前频道高亮导航条
JS导航菜单 值得下载 共十九个简单实例 比较经典 欢迎下载!!!
Mir Cai js导航菜单.......
19款收藏的超炫JS导航菜单,,,,19款收藏的超炫JS导航菜单
jquery.superfish.js导航菜单插件制作无限极菜单