程序开发 - 从需求分析到上线部署

纯CSS3实现倒三角统计图

以下是纯CSS3实现倒三角统计图的示例演示效果:[pview]部分效果截图1:部分效果截图2:部分效果截图3:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title纯CSS3实现倒三角统计图效果/titlelink hr...

对话框jquery.msgbox.7.1特效代码

以下是对话框jquery.msgbox.7.1特效代码的示例演示效果:[pview]部分效果截图:HTML代码(demos.htm):!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"HTML xm...

jquery下拉竖导航菜单代码

以下是 jquery下拉竖导航菜单代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http:...

仿淘宝视频焦点图jQuery轮播滚动切换特效代码

以下是仿淘宝视频焦点图jQuery轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitle{title}/titlelink type="text/css" href="css/lrtk.css" rel="stylesheet" /script src="js/jquery"/script...

CCTV首页8屏JS遮罩效果焦点图轮播滚动切换特效代码

以下是 CCTV首页8屏JS遮罩效果焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html ...

仿阿里巴巴首页jQuery焦点图轮播滚动切换特效代码

以下是仿阿里巴巴首页jQuery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml lang="en"headmeta charset="UTF-8"title仿阿里巴巴首页jQuery焦点图/titlestyle type="text/css"*{margin:0px;padding:0px;}...

纯CSS3实现3D浮动按钮

以下是纯CSS3实现3D浮动按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3实现3D浮动按钮/titlestylehtml{margin: 0;padding: 0;height: 100%;}body{margin: 0;padding: 100p...

纯CSS3制作鼠标经过动画菜单效果

以下是纯CSS3制作鼠标经过动画菜单效果的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtmlheadtitle纯CSS3制作鼠标经过动画菜单效果/titlemeta charset="utf-8"style type="text/css"*{margin:0px;padding:0px;}#nav{widt...

纯CSS3和SVG实现灯泡发光特效

以下是纯CSS3和SVG实现灯泡发光特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3和SVG实现灯泡发光特效/titlelink rel="stylesheet" href="css/style.css" media="screen" type="t...

对话框- Simple jQuery Modal Window特效代码

以下是对话框- Simple jQuery Modal Window特效代码的示例演示效果:[pview]部分效果截图:HTML代码(modal-window.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...

jquery图片测量标尺特效代码

以下是 jquery图片测量标尺特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http...

HTML5鼠标控制骑自行车速度动画代码

以下是 HTML5鼠标控制骑自行车速度动画代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleHTML5鼠标控制骑自行车速度动画/titlestyle.preload {background-color: #fff;position: fixed;top: 0;le...

纯CSS3实现3D小球动画

以下是纯CSS3实现3D小球动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://...

css3 3D下拉菜单特效代码

以下是 css3 3D下拉菜单特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-US"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlecss3 3D下拉菜单/titlescript type="te...

纯CSS3实现3D立方体旋转动画

以下是纯CSS3实现3D立方体旋转动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="UTF-8"title纯CSS3实现3D立方体旋转动画/titlestyle#view{perspective: 500px;width:200px;height:200px...

CSS3内容标签切换效果

以下是 CSS3内容标签切换效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titleAnimated Content Tab...

京探网jQuery五屏焦点图轮播滚动切换特效代码

以下是京探网jQuery五屏焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xml...

交错式切换效果jQuery焦点图轮播滚动特效代码

以下是交错式切换效果jQuery焦点图轮播滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"html lang="zh-tw"headmeta http-equiv="C...

纯CSS3制作鼠标控制小猫笑脸动画

以下是纯CSS3制作鼠标控制小猫笑脸动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" xmlns="http://www.w3.org/1999/xhtml"headmeta charset="utf-8" /title/titlelink type="text/css" href="maolao...

纯CSS3制作中国联通logo图标样式

以下是纯CSS3制作中国联通logo图标样式的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3制作中国联通logo图标样式/titlestyle type="text/css"* {margin: 0;padding: 0;}html{font-size:...

纯css3制作喷火龙图片样式代码

以下是纯css3制作喷火龙图片样式代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http...

jQuery下拉滑动切换导航条特效代码

以下是 jQuery下拉滑动切换导航条特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml headmeta charset="gb2312"titlejQuery下拉滑动切换导航条/titlelink rel="stylesheet" href="css/style.css"/headbodyh1jQuery下拉滑动...

对话框-Zebra_Dialog特效代码

以下是对话框-Zebra_Dialog特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):html headtitle403 Forbidden/title /head bodypDirectory access is forbidden./p /body /htmlJS代码(functions):$(document).ready(function...

jquery图片注释叠加效果特效代码

以下是 jquery图片注释叠加效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejquery图片注释叠加效果/titlelink rel="stylesheet...

仿2015汽车之家首页焦点图轮播滚动切换特效代码

以下是仿2015汽车之家首页焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xml...

纯CSS3制作倾斜45度封页角特效

以下是纯CSS3制作倾斜45度封页角特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"title纯CSS3制作倾斜45度封页角特效/titlelink rel="stylesheet" href="css/zzsc.css"/headbodydiv c...

html5页面滚动背景图片动画效果代码

以下是 html5页面滚动背景图片动画效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="h...

书签风格jQuery焦点图切换轮播滚动特效代码

以下是书签风格jQuery焦点图切换轮播滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"html xmlns="http://ww...

纯css3冒泡式提示信息框特效

以下是纯css3冒泡式提示信息框特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title纯css3冒泡式提示信息框特效/titlestyle type="text/css"b...

类似于百度图谱jQuery特效

以下是类似于百度图谱jQuery特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlejQuery/titlescript id="others_raphael_210" ty...