Jerry318Work study records, and practical information to Favorites
  • 首页
  • UI素材收藏
    • UI界面素材
    • 图标素材
    • 移动端字体
    • 字体素材收藏
  • CSS设计
    • animation
    • CSS3动画
  • 代码素材
    • jQuery
    • HTML5代码实现
    • 代码片段
    • jqueryMobile
  • 工作记录
    • 网址分享
    • 实用知识点
    • 学习与阅读
    • 色彩与绘画
  • 设计前沿
    • 网络转载
    • 设计工具
    • 经验分享
    • 调试工具
  • mac相关资源
    • mac使用技巧
    • mac系统美化
    • mac软件应用
  • 关于

Category : jQuery jQuery插件 代码片段 代码素材 工作记录 网址分享 网络转载

推荐一款焦点图jQuery插件 SlidesJs

2015年7月14日 No comments Article

给大家推荐一款比较好用的 Jquery Slide 插件 slidesjs,本人一直在使用的哦。
这个插件支持两种slide效果,一个是滑动,还有一个是渐隐渐出,而且它还支持自适应屏幕 自动播放,播放暂停, callback等,功能还是比较齐全,大家可以在此基础上扩展很多效果。

slidesjs3

目前该插件已经更新至 3.0,支持jQuery 1.8.2 以上。 猛戳此处进入官网

下面介绍一下它的使用方法。

基本的HTML

<div id=“slides”>

    <img src=“test1.jpg” />

    <img src=“test1.jpg” />

    <img src=“test1.jpg” />

    <img src=“test1.jpg” />

    <img src=“test1.jpg” />

</div>

<!– callback 显示当前 –>

<div id=“slidesjs-log”>Slide <span class=“slidesjs-slide-number”>1</span> of 4</div>

Read More

jQuery实现全屏幻灯片的滚动页面效果

2014年11月20日 No comments Article

jQuery实现全屏幻灯片的滚动页面效果, 使其页面使用了类似全屏幻灯片那样的展示方式,并通过垂直滚动来实现切换,从而实现漂亮的视觉效果,一看就能吸引用户。图1为Apple iPhone 5s官方页面的截图。

fullscreen-scroll-page-01

今天设计达人发现了这个用jQuery来实现全屏幻灯片的滚动页面效果,大家先看看演示吧,点击下面链接。

Read More

10个超棒jQuery表单操作代码片段

2014年11月13日 No comments Article

jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享!

代码片段1: 在表单中禁用“回车键”

大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助:

在线调试  在线演示

1
2
3
4
5

$("#form").keypress(function(e) {
  if (e.which == 13) {
    return false;
  }
});

Read More

2018年四月
一 二 三 四 五 六 日
« 一    
 1
2345678
9101112131415
16171819202122
23242526272829
30  

近期文章

  • Emmet LiveStyle 介绍和使用方法
  • Mac 上最好用的免费全能音乐播放器:Vox for Mac 评测
  • mac终端命令大全介绍
  • placeholder在不同浏览器下的表现及兼容方法
  • CSS1-CSS3 颜色知识知多少?

站内搜索

文章归档

  • 2016年一月
  • 2015年十月
  • 2015年九月
  • 2015年七月
  • 2015年六月
  • 2015年五月
  • 2015年四月
  • 2015年三月
  • 2015年二月
  • 2015年一月
  • 2014年十二月
  • 2014年十一月

站点控制

  • 登录
  • 文章RSS
  • 评论RSS
  • WordPress.org

近期文章

  • Emmet LiveStyle 介绍和使用方法
  • Mac 上最好用的免费全能音乐播放器:Vox for Mac 评测
  • mac终端命令大全介绍
  • placeholder在不同浏览器下的表现及兼容方法
  • CSS1-CSS3 颜色知识知多少?
  • Day One 排版 – MarkDown | 分享一些使用技巧
  • 推荐一款焦点图jQuery插件 SlidesJs
  • 检测移动设备横竖屏

网站备案信息:苏ICP备09067411号 | Proudly powered by WordPress

facebook twitter google linkedin Skype Rss