这是一款非常实用的 jQuery和css3登陆注册表单插件。当用户打开了登陆或注册的模态窗口,他们很容易就可以在登陆和注册或忘记密码等操作窗口中来回切换,十分方便。HTML结构登陆注册导航按钮的结构如下:nav class="main-nav"ul!-- all your main menu links here --lia
2018-02-04 01:25这是一款非常实用的 jQuery和css3侧边栏滑出式图片介绍插件。它利用隐藏侧边栏来制作图片的详细信息介绍,大大的节约了空间,而且用户不必多次刷新页面。HTML结构插件section #cd-team作为wrapper:section id="cd-team" class="cd-section"div class="cd-container"h2Ou
2018-02-04 01:25返回顶部按钮能够帮助用户快速平滑的返回到页面的顶部。HTML结构在body标签结束之前添加返回顶部按钮:body!-- all your content here --a href="#0" class="cd-top"Top/a!-- link to scripts here --/bodyCSS样式返回顶部按钮始终出现在页面的右边。初始化时它是不可见的
2018-02-04 01:25表格式网页设计中的一个重要元素,它们能够让用户直观的了解某些数据。在这个demo中使用的表格不是标准的表格html结构,而是使用无序列表来制作表格。这样做的目的是为了使表格具有很好的相应性。HTML结构我们使用一个section来作为表格结构。header 中包含的是表格的第一
2018-02-04 01:25这是一款jQuery超酷圆形气泡导航菜单特效插件。在插件中我们使用了 jQuery Easing Plugin 来制作一些非常好看的缓动效果。HTML结构html使用一个div .navigation作为wrapper,并给它一个id nav 。:div class="navigation" id="nav"div class="item user"img src="images
2018-02-04 01:25这是一款效果非常不错的jQuery和css3精美的手风琴效果插件。HTML结构html结构使用一个无序列表做为手风琴结构。ul class="accordion" id="accordion"li class="bg1"div class="heading"Heading/divdiv class="bgDescription"/divdiv class="description"h2Heading/h2pSom
2018-02-04 01:25midnight.js是一款效果非常酷的jquery视觉差滚动效果插件。它可以让你的顶部导航或logo在滚动到不同的区域时呈现多种不同的视觉状态。HTML结构创建一个固定的导航和header,例如像下面这样。nav class="fixed"a class="logo"Logo/a/nav你必须确保header的定位方式为:pos
2018-02-04 01:25这是一款jQuery和css3时尚二级下拉导航菜单插件。当你的网站上有非常多的子栏目,你的导航菜单应该如何布局才能使用户得到最佳体验效果?你也可以像这个jQuery和css3炫酷隐藏侧边栏菜单特效插件一样将子菜单都隐藏起来。在这个插件中我们不这样做,我们制作一个巨型的下拉
2018-02-04 01:25service.ddlist.jquery是一款小巧的jquery下拉列表插件,它允许我们在下拉列表中插入图片、文本和其它一些额外的东西。该下拉列表插件通过select元素开发,使用jQuery将其隐藏,并生成新的html结构。HTML结构要使用该插件,首先要在html的header中引入以下文件:link rel
2018-02-04 01:25这是一款效果炫酷的 jQuery和css3页面顶部图片滚动缩小视觉差特效插件。在当下已经有很多网站用大的背景图片来作为网站的头部。在这个教程中我们将在页面向下滚动时创建一个非常好看图片缩小动画,制作一种图片沿Z轴缩放的假象。该视觉差效果的灵感来自于Anchor Travel w
2018-02-04 01:25这是一款 jQuery和css3炫酷隐藏侧边栏菜单特效插件。该侧边栏插件的灵感来自于Squarespace :侧边栏菜单开始时被隐藏在主内容区域的下边,当点击了导航菜单按钮,侧边栏菜单踩从侧边平滑的滑动显示出来。HTML结构我们使用一个header元素作为顶部导航栏并使用一个main元素
2018-02-04 01:25这是一款 简单实用的 jQuery和css3模态确认对话框插件。每一个网站都会使用到确认对话框,这个插件可以为你的网站的确认对话框带来一点有趣的动画效果。HTML结构html结构非常简单,div .cd-popup作为wrapper包含整个弹出的内容(包括半透明的遮罩层)。div .cd-popup-con
2018-02-04 01:25这是一款 超酷jQuery和css3价格表3d旋转特效插件。在插件中设计了3种不同样式的价格表,还集成了jQuery和css3弹性3d图片翻转分组展示特效用于将价格表从一面旋转到另一面。在小屏幕上,我们使用另一种方案:将所有的价格表垂直排列,然后将价格表的内容水平排列,超出屏幕
2018-02-04 01:25一个位置固定的导航,可以使用户在浏览你的网站时可以随时查看你的导航菜单。它比全屏宽度的固定菜单占有的地方要小,并且是替换“返回顶部”按钮的一个非常好的用户体验解决方案。很多时候我们需要一个能够快速返回页面顶部的方法,通常是使用“返回顶部”按钮。但是,想
2018-02-04 01:25有时候为了更好的用户体验,你可能会使用一张高分辨率的背景图片结合一些好看的字体来呈现给用户。这种做法是当前UI设计的一种趋势。对于这个插件,我们想:既然我们已经在手机app中实现了某些简单的效果,为何不能将它移植到桌面设备上去呢?CSS3 transitions 和 animat
2018-02-04 01:25这是一款非常效果非常炫酷的jQuery和css3全屏导航菜单圆形气泡动画特效插件。所有的现代浏览器都支持这个特效。在插件中我们集成了 Velocity.js。HTML结构html结构使用一个无序列表作为导航菜单。 .cd-overlay-nav和.cd-overlay-content是用来做圆形气泡动画的层。它们被
2018-02-04 01:25如果你的系统需要这样一种用于为用户解答各种问题的FAQ系统,那么这个FAQ模板是你最好的选择。这个FAQ插件是响应式的,使用jQuery和css3制作,同时在不支持JAVASCRIPT的浏览器上也能正常工作。HTML结构html结构使用一个section .cd-faq作为wrapper。里面分割为两个部分:
2018-02-04 01:25这是一款效果非常酷的jQuery和css3全屏弹出式导航菜单特效插件。HTML结构html结构使用一个header作为wrapper。里面放logo、登录/注册按钮和用于触发全屏导航菜单的触发按钮。全屏导航菜单放置在header外面,为它使用easier的 CSS transformation效果。header class="cd-h
2018-02-04 01:25有时候你可能想为你的某些页面创建一些特殊的效果,如关于我们,公司历史等。这个jQuery和css3炫酷图标颜色过滤特效能够帮助你完成这种效果。这个demo的灵感来自于 Elliot Condon beautiful portfolio 。这个网站的过滤效果用作垂直时间轴的图标上。还有一个效果是 Macaw
2018-02-04 01:25这是一款使用十分方便的、为移动设备定制的、可在水平和垂直两个方向上显示的jQuery和css3响应式tab选项卡插件。在你要显示很多不同的内容时,tab选项卡导航方式是十分有用的。常见的方式是在同一个页面中显示不同的选项,并通过标签可以进行导航。另一个有用的地方是后台
2018-02-04 01:25