一款带缓冲效果jquery 下拉菜单

<link href="ddsmoothmenu.css教程" type=text/css rel=stylesheet>
<script src="jquery-1.3.2.min.js" type=text/网页特效></script>
<script src="ddsmoothmenu.js" type=text/javascript></script>

 

<div class=ddsmoothmenu id=smoothmenu1>
<ul>
  <li><a href="http://www.111cn.net">首页</a>
  </li>
  <li><a href="http://www.111cn.net">一年级</a>
  <ul>
    <li><a href="http://www.111cn.net">一年级1班</a> </li>
    <li><a href="http://www.111cn.net">一年级2班</a> </li>
    <li><a href="http://www.111cn.net">一年级3班</a> </li>
    <li><a href="http://www.111cn.net">一年级4班</a> </li>
    <li><a href="http://www.111cn.net">一年级5班</a>
  </li></ul></li>
  <li><a href="http://www.111cn.net">二年级</a>
  <ul>
    <li><a href="http://www.111cn.net">二年级1班</a> </li>
    <li><a href="http://www.111cn.net">二年级2班</a> </li>
    <li><a href="http://www.111cn.net">二年级3班</a> </li>
    <li><a href="http://www.111cn.net">二年级4班</a> </li>
    <li><a href="http://www.111cn.net">二年级5班</a>
  </li></ul></li>
  <li><a href="http://www.111cn.net">三年级</a>
  <ul>
    <li><a href="http://www.111cn.net">三年级1班</a> </li>
    <li><a href="http://www.111cn.net">三年级2班</a> </li>
    <li><a href="http://www.111cn.net">三年级3班</a> </li>
    <li><a href="http://www.111cn.net">三年级4班</a> </li>
    <li><a href="http://www.111cn.net">三年级5班</a>
  </li></ul></li>
<li><a href="http://www.111cn.net">四年级</a>
  <ul>
    <li><a href="http://www.111cn.net">四年级1班</a> </li>
    <li><a href="http://www.111cn.net">四年级2班</a> </li>
    <li><a href="http://www.111cn.net">四年级3班</a> </li>
    <li><a href="http://www.111cn.net">四年级4班</a> </li>
    <li><a href="http://www.111cn.net">四年级5班</a>
  </li></ul></li>
  <li><a href="http://www.111cn.net">五年级</a>
  <ul>
    <li><a href="http://www.111cn.net">五年级1班</a> </li>
    <li><a href="http://www.111cn.net">五年级2班</a> </li>
    <li><a href="http://www.111cn.net">五年级3班</a> </li>
    <li><a href="http://www.111cn.net">五年级4班</a> </li>
    <li><a href="http://www.111cn.net">五年级5班</a>
  </li></ul></li>
    <li><a href="http://www.111cn.net">六年级</a>
  <ul>
    <li><a href="http://www.111cn.net">六年级1班</a> </li>
    <li><a href="http://www.111cn.net">六年级2班</a> </li>
    <li><a href="http://www.111cn.net">六年级3班</a> </li>
    <li><a href="http://www.111cn.net">六年级4班</a> </li>
    <li><a href="http://www.111cn.net">六年级5班</a>
  </li></ul></li>
  <li><a href="http://www.111cn.net">七年级</a>
  <ul>
    <li><a href="http://www.111cn.net">七年级1班</a> </li>
    <li><a href="http://www.111cn.net">七年级2班</a> </li>
    <li><a href="http://www.111cn.net">七年级3班</a> </li>
    <li><a href="http://www.111cn.net">七年级4班</a> </li>
    <li><a href="http://www.111cn.net">七年级5班</a>
  </li></ul></li>

</ul>
</div>

源码下载地址
http://down.111cn.net/down/code/js/2010/1011/21143.html

时间： 2024-09-08 04:53:42

一款带缓冲效果jquery 下拉菜单的相关文章

jquery 带缓冲效果二级下拉菜单

文章利用了jquery来快速实例二级下拉效果,具体缓冲效果的哦. <!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> &

带缓冲效果js下拉菜单

首页 | 新闻 ∇ | 联系我们 | 其他 No Content

js实现带圆角的多级下拉菜单效果_javascript技巧

本文实例讲述了js实现带圆角的多级下拉菜单效果.分享给大家供大家参考.具体如下: 这是一款酷黑的圆角多级下滑菜单,可支持三级,鼠标放上后可见到滑出的菜单,调用了一个JS封装库,代码有些复杂,有兴趣的可研究. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-down-show-menu-style-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transition

jquery下拉菜单在浏览器中只显示1像素，求大神帮帮忙

问题描述 jquery下拉菜单在浏览器中只显示1像素,求大神帮帮忙 本人小菜鸟一枚,用jquery写了个简单的下拉菜单,代码如下:$(document).ready(function(){ $(""#navRight .jiantou"").hover(function(){ $(this).find("".xiangq"").stop().slideDown(""slow""); }f

jquery下拉菜单

<!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> <meta http-equiv="content-

jquery 下拉菜单niceForm插件，支持单选和多选

jquery+%CF%C2%C0%AD%B2%CB%B5%A5/" target="_blank">jquery 下拉菜单插件 使用方法  代码如下 复制代码 $(function(){    //调用方式    $("select").niceForm({    eventType:'click',  //默认为单击事件   change:function(){} //下拉菜单发生change事件时触发的回调函数       }); }); htm

jQuery下拉菜单的实现代码_jquery

jQuery是一款流行已久的Javascript框架,确实很好用.今天我给大家介绍jquery下拉菜单的实现代码,具体代码如下所述: <!DOCTYPE html> <head lang="en"> <meta charset="UTF-8"> * { padding: 0; margin: 0; ul { list-style: none; .wrap { width: 730px; height: 50px; margin:

精心挑选的15个jQuery下拉菜单制作教程_jquery

今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例. Slide Down Box Menu with jQuery and CSS3 ( 演示 | 下载 ) Fancy Drop Down Menus Using CSS and JQuery. ( 演示 | 下载 ) Sliding Jquery Menu ( 演示 | 下载 ) Create Simple Dropdown Menu Using jQuery ( 演示 | 下载 ) Designing the Dig

jquery实现瀑布流效果 jquery下拉加载新数据_javascript技巧

瀑布流效果在很多网站还是有的,这种错落有致的排布看着还是很不错的呢.今天我就来记录一下关于用jquery实现瀑布流效果的代码: 一.页面基本排版 1. items盒子主要用来存放我们需要摆放的数据item: 2. tips是页面加载数据的时候用来提示用户的文本: <div class="wrapper"> <div class="items"> <div class="item"></div> &l