您好,欢迎来到jQuery吧!QQ群:193687763(钱端开发)

jQuery吧-Write Less, Do More | 注重前端开发

首页 > jQuery > jQuery特效 > jQuery菜单导航特效 > 正文

可调整导航大小的jQuery特效

2015-09-28 11:09:25 作者:天外飞仙 人气:290 Views

可调整导航大小的jQuery特效
20150922230949
引入js代码

<script type="text/javascript" src="jquery-1.3.2.js"></script><script type="text/javascript"> $(function() { changeWidth(500); $('#buttons input').click(function() { changeWidth($(this).val()); }); function changeWidth(menuWidth) { var menuItems = $('#menu li').size(); var itemWidth = (menuWidth / menuItems) - 2; $('#menu').css({ 'width': menuWidth + 'px' }); $('#menu a').css({ 'width': itemWidth + 'px' }); } });</script>

下载地址
预览地址

链接:http://www.jqueryba.com/5743.html(转载时请注明本文出处及文章链接)
标签:

jQuery吧-Write Less, Do More | 注重前端开发

jQuery吧-Write Less, Do More | 注重前端开发

Copyright © 2013 jqueryba.com, All Rights Reserved.奔跑在阿里云

免责声明:本站所有内容来源于互联网。如果本站部分内容侵犯您的权益,请您告知,站长会立即处理 苏ICP备12059471号

站内所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!