- 浏览: 28336 次
- 性别:
最新评论
文章列表
一直以来,弹窗提示似乎都不怎么受到网民的待见,死板突兀的弹窗提示方式,给许多用户留下了很多负面的印象,只是被人们滥用,最终破坏了其本身的使用价值,尤其是网页中满天飞的弹窗广告,让人感到十分反感! 其实,弹窗提示本身并没有什么问题,它不仅可以让用户及时的发现操作过程中出现的问题,也可以用于向用户提供有价值的信息,只要善于利用,对于提升网页用户体验是有帮助的,随着前端技术的不断发展和成熟,弹窗提示已经变得越来越生动有趣,SweetAlert就是这样一款插件,它为我们提供了多种网页中常见的提示方式,兼容目前主流现代浏览器。
demo演示 下载
分享一款FAQ自定义在线问题解答模板,该模板可以对问答内容进行分门别类,并对每一个问题区域进行伸缩式显示,这样一来就可以有效的缓解问答内容过多,导致网页内容过长的情况出现。
demo演示 下载
这是一个专为移动设备优化的响应式导航选项卡,无论你的浏览器处于水平或者垂直状态,它都能够轻松应对,适合所有采用响应式布局的页面。
demo演示 下载
accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示、视频自由跳播、重播等功能。该html5视频插件由paypal Accessibility 团队开发,兼容所有Firefox、chrome、以及ie10以上版本等浏览器、ie9仅支持内部视频调用。 简洁清新的视频播放界面可以让你在很短的时间内喜欢上它,至少我是真的被它的界面吸引到了,有一点遗憾的是无法全屏,如果有知道的朋友可以向大家分享!
accessible html5 video player 的调用也非常简单,只需几步就可以让你的网站拥有简洁优雅的视 ...
多功能网页幻灯片jQuery Cycle
demo演示 下载
分享一款弹性十足的幻灯片切换特效,当你切换内容区域时就会出现摇晃现象,动感十足,该效果基于Snap.svg(一个强大且直观的SVG动画内容操纵API) 和 morphing SVG paths-SVG路径变形技术开发而来。
demo演示 下载
分享一款功能丰富的拖拽式多功能网页幻灯片,该幻灯片支持5种不同的切换效果以及全屏显示,在幻灯片中加入拖拽式也非常有利于手机设备的使用。
demo演示 下载
今天向大家隆重介绍一款功能强悍的多功能下拉导航栏,该导航栏可以满足大型电子商务网站在内容方面分类的需求,而且是响应式的,不仅如此,该导航栏还加入了隐藏式搜索框,只能说效果实在是太赞了,这种丝般顺滑的切换效果正是现代网站所需要的!
demo演示 下载
Emmet是一个可以提高前端开发效率的实用插件,你可以通过极短的代码输入来获得你想要的代码结构,而你需要做的前期工作就是花些时间来熟悉emmet本身的语法,其实这些语法看起来并不复杂,下面就向大家分享一下emmet常用的基本语法。
一旦上手熟练emmet的基本语法之后,你会发现写代码是一件无比轻松愉快的事情!
如果你对emmet还不太熟悉,建议你查看一下之前发布的有关Emmet视频教程, 如果你使用的是Dreamweaver开发的话,你可以查看一下Emmet Dreamweavercs6 扩展包的安装方法。
html结构快速输出
Child: >
输入 ...
今天向大家分享一款在单页设计中常用的头部背景变化特效,大家有没有发现许多采用单页设计的页面都喜欢运用大图头部背景的设计方式,我们都知道大图背景在一定程度上可以增强整个页面的视觉效果,而在大图背景的下方经常会加入一个向下滑动的指示按钮,当用户点击这个按钮时页面就会垂直向下滑动。 这种网站头部背景变化特效使得单页设计的切换跳转显得更加自然和人性化。
今天分享的网站头部背景变化特效包含七个不同的点击变幻效果,至于喜欢哪一种变化方式,你们自己选择吧。
演示地址 下载地址
分享一款平滑跳转固定导航,当你鼠标滚动到相应区域时,当前导航链接就会自动转为高亮显示突出显示的内容,此效果非常适用于单页网站设计的区域跳转。
demo演示 下载地址
今天向大家分享一款可以翻转网格元素的3d特效,当你点击网格中的图片元素时,该元素就会进行翻转并将它扩展成全屏的方式显示元素背后的内容,创意十足,效果也非常的逼真和生动,该作者还为我们准备了垂直和水平翻转两种效果!
demo演示 下载地址
分享一款鼠标经过图像覆盖特效Image Overlay,具有六种不同的覆盖效果,兼容目前所有主流浏览器。
demo演示 下载地址
今天向大家分享一款用具备八种不同方式滑出的菜单栏特性,尤其是在设计响应试页面的时候,如何布局菜单栏是我们必须需要考虑的问题,许多web前端开发者 在设计响应试页面时都采用下拉的方式来展现菜单栏,形式比较统一,因此,该菜单栏特效可以让我们能够更加灵活的处理菜单栏的隐藏和显示方式。
demo演示 下载地址
jquery灯箱画廊lightGallery
demo演示 下载地址