前端开发
文章平均质量分 85
桂冠
不积跬步无以至千里,不积小流无以成江海
展开
-
jQuery实现简单的图片轮播
最近学习了一下前端技术jQuery,现学现用,今天就使用它实现一个简单的图片轮播,下面直接上代码。1. html部分 test var num = 1; $(document).ready(function(){ $("原创 2014-12-21 20:01:51 · 761 阅读 · 1 评论 -
使用jQuery的treeview插件实现树形菜单
原来项目中是通过原生的javascript代码实现了一个树形菜单,了解到jQuery的treeview插件能够通过更少行数的代码实现更为强大的功能,于是使用该插件实现了树形菜单并替换了项目中原来的代码,替换后代码更为简洁、效果更为美观。1. 效果图2. html代码部分 test $(document).ready(f原创 2014-12-21 20:22:30 · 1426 阅读 · 0 评论 -
jQuery实现简单的图片轮播(二)-增加左右(或上下)翻页功能
1. 需求上一篇文章《jQuery实现简单的图片轮播》实现的效果中,图片只能从右边出现,不能从左右都出现,所以本文将实现图片从左右(或上下)都可以出现的功能。为避免与上一篇文章过多重复,本文中实现了图片上下翻页出现的功能。2. 思路:首先通过jQuery的选择器找到之前选中的li元素在li元素集合中的索引位置,然后同样通过jQuery的选择器找到当前选中的li元素在li元素集合中的原创 2015-01-13 13:56:43 · 2988 阅读 · 0 评论 -
使用jQuery实现div可拖拽功能
源代码如下: Document *{margin: 0;padding: 0;} body{height: 100%;font-size: 14px;} .left-column{position: absolute;left: 0;right: 330px;height: 100%;margin-top: -2px;border: 1px so原创 2015-01-23 14:47:06 · 749 阅读 · 0 评论 -
CSS文本溢出时添加省略号
.box{ /*overflow: hidden; text-overflow:ellipsis;white-space:nowrap;三者要一起用*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}原创 2015-04-26 21:22:03 · 418 阅读 · 0 评论