JS插件

基于jquery,javascript的特效插件

通过rel="dialog"来调用

代码片段

<div class="dialog" style="display:block;">
<div class="dialog-head">
编辑学校
<del>×</del>
</div>
<div class="dialog-body">
...
</div>
<div class="dialog-foot">
<input name="" type="btn" value="确定" class="btn blue">
<input name="" type="btn" value="取消" class="btn">
</div>
</div>

效果演示

编辑学校 ×

名称:

省份: 地区:

地址:

级别:

类型: 高中 初中 小学

事件调用

点击我弹出POPUP窗口

<a href="#dialog" class="btn" rel="dialog">点击我弹出对话框窗口</a>
编辑学校 ×

这里是内容

tooltip

气泡提醒组件 通过rel="tooltip"来调用

代码片段

<a rel="tooltip" title="slicy是一个开源中文(X)HTML/CSS 框架">slicy</a>

演示

slicy是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。

popover

气泡提醒组件 通过rel="popover"来调用

<a rel="popover" title="slicy是一个开源中文(X)HTML/CSS 框架">slicy</a>

演示

slicy是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。

幻灯片

  • slicy——响应css框架

    web响应兼容ie6,ie7,ie8,firefox,chrome,iphone,ipad浏览器

  • slicy——国产开源css框架

    it's Made In China!如果你觉得好用就义无反顾的支持吧!

代码片段

<div class="slider">
<div class="slider-list">
<ul>
<li style="display:none;"> <!--内容-->
</li>
<li> <!--内容-->
</li>
</ul>
</div>
<!--左右按钮-->
<div class="slider-prev">&lsaquo;</div>
<div class="slider-next">&rsaquo;</div>
</div>

单行滚动

总结出非常常用的单行滚动效果,史上最简单的jQuery实现!代码更小。结构布局更简单。使用更方便。

  • 这是第一行
  • 这是第一行2
  • 这是第一行2
  • 这是第一行2
  • 这是第一行2
  • 这是第一行2

演示

  • 这是第一行
  • 这是第一行2

代码片段

<div class="singlerolling">
<ul>
<li>这是第一行</li>
<li>这是第一行2</li>
</ul>
</div>