目前流行的可视化网页编辑器非常多,像ckeditor、kindeditor、tinyeditor等,虽然功能都非常强大,但是体积都比较庞大,使用起来也不是很方便。今天我们分享一款基于jQuery的轻量级网页编辑器,它非常轻巧,选中内容即可编辑,非常适合在比较简单的编辑应用中。
jQuery轻量级网页编辑器 选中即可编辑
22,343 人浏览
2014-03-19 11:30:39
从今天开始,除了分享HTML5/CSS3应用实例和HTML5教程,我还要向大家分享一些实用的jQuery插件。今天分享的第一款jQuery插件是jQuery百叶窗焦点图,这款jQuery焦点图的百叶窗效果非常酷,不仅可以横向切换,也可以竖向切换。
下面我们来简单解说一下实现这款jQuery百叶窗焦点图的过程和代码,代码主要由HTML、CSS以及jQuery组成,实现比较简单。
<div id="slider"> <img src="images/1.jpg" alt="网页素材大全1" title="网页素材大全" /> <img src="images/2.jpg" alt="网页素材大全2" title="网页素材大全" /> <img src="images/3.jpg" alt="网页素材大全3" title="网页素材大全" /> </div>
HTML代码非常简单,一个div中列出了3张图片,这3张图片到时候我们可以制作成百叶窗的切换效果。
#slide[......]