知识大全 js实现的常用的左侧导航效果
Posted 项目
篇首语:智者的智慧是一种不平常的常识。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 js实现的常用的左侧导航效果相关的知识,希望对你有一定的参考价值。
常用的左侧导航效果 JS简单 为提高导航性能而生 各位可以 参考应用 效果展示 HTML:复制代码 代码如下:
<! 左侧菜单 > <div class= menu > <ul class= menu_list > <li class= even > <p class= menu_title bgfs ><a # target= _blank >服饰箱包</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> <li class= odd > <p class= menu_title bgjs ><a # target= _blank >酒水饮料</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> <li class= even > <p class= menu_title bgjj ><a # target= _blank >居家建材</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> <li class= odd > <p class= menu_title bgcy ><a # target= _blank >餐饮娱乐</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> <li class= even > <p class= menu_title bgmr ><a # target= _blank >美容保健</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> <li class= odd > <p class= menu_title bgjy ><a # target= _blank >教育培训</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a> </p> </li> <li class= even > <p class= menu_title bggyp ><a # target= _blank >工业品</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a> </p> </li> <li class= odd > <p class= menu_title bgxqt ><a # target= _blank >新奇特</a></p> <p class= menu_sort > <a # target= _blank >女装</a><a # target= _blank >男装</a><a # target= _blank >童装</a><a # target= _blank >包包</a><br/> <a # target= _blank >鞋</a><a # target= _blank >饰品</a> </p> </li> </ul> <div class= menu_box hide > <div class= menu_cont hide > <div class= menu_cont > <span class= menu_title_video >项目视频</span> <div class= menu_video > <ul> <li><a # target= _blank ><img src= images/ad/home_ gif /></a></li> <li><a # target= _blank ><img src= images/ad/home_ gif /></a></li> <li><a # target= _blank ><img src= images/ad/home_ gif /></a></li> <li><a # target= _blank ><img src= images/ad/home_ gif /></a></li> <li><a # target= _blank ><img src= images/ad/home_ gif /></a></li> </ul> </div> <div class= scroll_menu > <span class= prev_menu # ></span> <span class= next_menu # ></span> <div class= roolbox_menu > <div class= scroll_list_menu > <ul> <li> <p class= ad_logo ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> <p class= ad_logo ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> </li> <li> <p class= ad_logo ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> <p class= ad_logo ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> <p class= ad_logo > <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> <span class= ad_fs > <a # target= _blank ><img src= images/ad/home_ jpg alt= 项目名 /></a> </span> </p> </li> </ul> </div> </div> </div> <div class= menupic_fsxb ><img src= images/pic_fsxb png /></div> </div> </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> <div class= menu_cont hide > </div> </div> </div> <! 中间项目展示 >
JS复制代码 代码如下:
cha138/Article/program/Java/Javascript/201401/30278相关参考
左侧是表头的JS表格控件 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!左侧是表头的表格数据展现&n
利用JS在asp.net中实现左导航页的隐藏 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nbs
思路用纯JS的方法只能通过判断当前页面的文件名然后算出上下页地址首页和尾页需要在脚本中配置好最后生成导航代码用数据绑定的方法则要简单得多设定dataPageSize然后用firstPage()pr
jQuery关于导航条背景切换效果实现示例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!效果如下&
JQUERY实现左侧TIPS滑进滑出效果示例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 左侧
现在先把代码拷贝到这里以后再逐一简化修改实现滚动效果脚本代码如下代码如下:varall=;varno=;vars_width=;$(document)ready(function()all=$(s
ASP.NET里常用的JS 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! &
知识大全 JSP+JavaScript实现类似MSDN CSDN导航树效果代码
JSP+JavaScript实现类似MSDNCSDN导航树效果代码 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一
JS对输入框进行限制(常用的都有) 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!本文为大家介绍下使
ASP常用函数:Str4Js() 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 程序代码 &l