教程集 > 脚本编程 > javascript > 正文 js 伸缩代码

js 伸缩代码

发布时间：2016-11-01 编辑：jiaochengji.com

教程集为您提供js 伸缩代码等资源，欢迎您收藏本站，我们将为您提供最新的js 伸缩代码资源

这是一款js 伸缩代码用了jquery ui库，下面来看看我们的js缓冲吧。

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

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js 伸缩代码</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="http://www.11gz.com/jquery-1.1.3.pack.js"></script> <script> $(document).ready(function(){ $("li.item > ol").hide(); $("li.item").hover(function(){ $("ol",this).slideDown("fast");//$("ol",this): 寻找this中的ol. },function(){ $("ol",this).slideUp("fast"); }); }); </script> <style> body { font-family: Arial; line-height:1.5em; } ol { list-style: none; margin: 0; padding: 0; } li.item { width: 150px; margin: 5px; } li.item a { font-size: 12px; margin: 4px; } li.item ol { padding:8px; border:1px solid #ddd; background:#f7f7f7; position:absolute; width:300px;} li.item ol a { font-size: 16px; color: #000; margin: 0; } </style> </head> <body> <ol class="menu"> <li class="item">

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

您可能感兴趣的文章：
JQuery 图片的展开和伸缩实例讲解
 jQuery使用一个按钮控制图片的伸缩实现思路
 js 可拉伸/缩短的多行文本框
 使用jQuery同时控制四张图片的伸缩实现代码
 js 伸缩代码
 CSS3中flexbox布局效果代码
 PHP开启gzip压缩的二种方法
 CSS3中利用Flexbox实现DIV标签元素垂直居中
 js展开收缩层的效果
 javascript缓冲效果的伸缩下拉藏层

上一篇：js 网站导航下拉菜单代码-css导航菜单下一篇：来点CoffeeScript吗？

[关闭]

js 伸缩代码

最近更新

浏览排行