网页特效
-
在网页中间弹窗代码-网页遮罩效果
在网页中间弹出窗口,使整个网页变半透明。 <style> .bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;} .b…
-
JS+CSS制作的动态二级下拉导航菜单
<!doctype html> <html> <head> <meta charset="utf-8"> <title>动态二级下拉导航菜单</title> <style type="text/css"> *{margin:0;padd…
-
纯CSS3制作的垂直手风琴效果,点击标题展开详细介绍
纯CSS3制作的垂直手风琴效果 CSS代码: @import url(“css/font-awesome.css”); * { margin: 0; padding: 0; } *, *:before, *:after { box-sizing: border-box; } html, body { height: 100%; font: 16px/1 ‘O…
-
超酷的HTML5 3D图片旋转动画特效
中国网页设计分享的一款HTML5 3D图片动画特效,使用js动画框架TweenMax 技术实现。 这款HTML5 3D动画非常酷,当在图片上面拖动鼠标时,图片会在垂直方向分裂出数块小长方体,然后每一个小长方体沿着鼠标拖动的方向旋转。 效果演示 源码下载
-
100种精美的网页时钟特效,总有一款是你需要的
web骇客收集了100种使用CSS+JS+HTML制作的时钟、钟表、手表等特效,分为漂亮的时钟特效、有创意的时钟、电子钟,每一种实现都提供源代码,可以方便网页制作爱好者们拷贝使用,如果你需要在网页中添加时钟特效,在这里一定会有一款你喜欢的。
-
CSS实现的左侧垂直导航(简洁)
CSS实现的左侧垂直导航(简洁),站长们可以方便的更改样式。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <t…
-
垂直(纵向)二级导航菜单
CSS+JS制作的垂直(纵向)二级导航菜单,可灵活修改。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS+JS制作的垂直(纵向)二级导航菜单|www.125jz.com</title> &…
-
纯CSS制作二级导航菜单(纵向),不用JS/jquery,响应速度快
今天分享一款纯CSS制作的二级导航菜单,不用JS/jquery,响应速度快。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>制作二级导航菜单(纵向)</title> <style type…
-
CSS+JS制作纵向点击展开的二级导航菜单
网页制作时,如产品分类目录、导航等,需要制作纵向二级导航菜单,点击展开分类显示子目录,再点击收缩起目录。 中国网页设计分享的二级导航菜单使用CSS+JS制作,调用简单方便,可移植、可修改。 网页HTML代码(放在body区域): <div id=”my_menu” class=”sdmenu”> <div> <span>教…
-
jQuery带标题的图标图片轮播特效(免费)
在<head></head>之间引入 <link rel=”stylesheet” type=”text/css” href=”css/font-awesome.css”> <link rel=”stylesheet” href=”css/style.css”> 在<body></body&g…