效果描述: 最近网上看到一个前端面试题,要求面试者用纯CSS实现一个6边形的效果 乍一看有点乱,但是仔细分析下,其实并没有那么难 将六边形拆开成三部分,左边是一个三角形,中间一个长方形,右侧再来一个三角形,然后再将其定位起来即可 那么就是一个div,内部嵌套三个div即可实现 当然,你也可以省略左右两个div,只用一个div即可实现,怎么办呢?那就是用CSS3的伪类代替左右两个div
色影无忌三屏flash焦点图,调用灵活,图片尺寸:374x237,整理,推荐下载。
纯JS实现宽屏4格焦点图自动切换效果
使用方法 Tooltip(提示框)是一种常见的效果,它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难,但如果你想不劳而获,可以试试 Tipso。 Tipso 基于 jQuery,提供了很多配置,如: ·显示动画持续时间 ·背景颜色 ·文本颜色 ·显示位置(上/右/下/左) ·
jQuery游戏人物淡入轮播切换展示代码是一款通过背景图片的切换来显示不同的人物效果,轮播效果通过slick幻灯片插件来制作。
之前我们分享过几个纯CSS3动画特效,今天我们要来分享一款纯CSS3绘制的可爱小男孩动画,除了绘制的小男孩逼真可爱外,其面部表情也十分酷。整个动画是利用纯CSS3实现,没有用图片和JS,不知道你们的浏览器中效果怎么样。 小编建议大家使用火狐或者谷歌浏览器浏览下载
jquery可多选预览删除的图片上传插件,通过点击按钮来选择要上传的图片,可以选择多张图片,选择好的图片立即显示在按钮下面,鼠标悬停在预览的图片时,会出现删除字样的按钮,点击即可删除图片,点击上传后,可以打开控制台查看上传的参数。
jQuery圆形转动动画图文切换文字公告特效源码是一款简单的圆形转动动画的展示说明示例。本段特效源码可以在各大网站使用,有需要的朋友直接下载使用,本段源码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码,希望对大家有所帮助,有问题及时跟我留言!
比较经典的二级横向导航菜单,代码简洁,方便修改使用
这是一款基于jQuery实现的颜色选择器插件jColor.js,是一款支持自由调整颜色的jQuery插件。有多重颜色与样式供使用者进行选择,非常具有实用价值。是一款非常实用的插件源码。该源码兼容目前最新的各类主流浏览器。
css3渐变样式百分比进度条代码,适合做页面进度加载动画特效下载。
jQuery手机端QQ微信微博分享插件是一款支持将网页分享到微信好友,QQ好友,QQ空间,腾讯微博,新浪微博,人人网等网站的网页特效。
jSide是一个实现jquery滑动侧边栏的插件。该jquery滑动侧边栏支持多级菜单,采用响应式设计,支持CSS3动画,内置多种皮肤,可根据不同颜色选择,可选择下拉侧边栏位置等,兼容所有的主流浏览器,非常实用,需要的朋友可下载试试!可用的皮肤有:flickrfb-messengermoonlitpark-lifed2fsteel-manamethystbetween-cloudscrazy-o
点击导航菜单,动态效果切换格子里的图片,效果非常漂亮的一款广告特效代码,适合用于产品图片展示,相册展示等。
今天要出个鼠标滚动放大缩小图片的功能,看似很简单,从网上一搜,出现的都是onmousewheel的例子,全部只支持IE浏览器,结果查出火狐有对应的DOMMouseScroll来处理这个功能
手机移动端可滚动的导航代码,支持iOS,Android(暂不支持WP)等系统以webkit为内核的浏览器,建议在PC端使用以webkit为内核的浏览器(如:Google Chrome)中缩小浏览器窗口宽度查看效果,PC端查看效果需要用鼠标按住导航拖动以模拟手机上手指拖动的效果。使用方法:1.head区域引用样式文件avigator.css,navigator.iscroll.css,navigat
这是一款html5使用canvas绘制孙悟空猴哥来拜年特效源码,采用纯html5的canvas实现,无任何图片。是一款非常经典的html5图形绘制代码。建议使用支持html5与css3较好的火狐或谷歌等浏览器预览本源码。
jquery带按钮控制图片轮播滚动代码,带左右箭头,索引按钮,支持自动轮播切换的jquery焦点图。
适合做案例展示用的焦点图特效,点击左侧分类,右侧三张立体式图片依次切换,效果很不错 原代码较多冗余,经修改后,去除了多余的不需要的代码,变得清晰明了
以前在网页上看到的JS放大镜效果,现在用css3的transition来模似实现了,鼠标移到图上,点击方向的箭头,就看到图片放大的效果了。做这个的时候切记时间要保持一致,大图是小图的倍数,不然会出现偏差。css3和js不同,js鼠标任意移动,可以获取鼠标的位置,但是css3完成的是逻辑上的事情,这点css3做不到,所以就用了方向箭头来代替。点击箭头放大镜就开始移动,移动部分采用transitio
关注时代Java