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

jQuery+css3实现信封效果

以下是 jQuery+css3实现信封效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"titlejQuery+css3实现信封效果/titlescript src="js/jquer...

jQuery+CSS3实现人物跳动特效

以下是 jQuery+CSS3实现人物跳动特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name...

16款纯CSS3实现的loading加载动画

以下是 16款纯CSS3实现的loading加载动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitle16�CSS3ʵ�ֵ�loading��ض��/titlestylebody {background: #f3f6f9;font-family: sans-serif;font-weight: 100...

jquery百叶窗图片切换轮播滚动切换特效代码

以下是 jquery百叶窗图片切换轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejquery百叶窗图片切换/titlelink href="css/s...

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 ...

html5+css3城市场景动画代码

以下是 html5+css3城市场景动画代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):htmlheadmeta charset="UTF-8"titlehtml5+css3城市场景动画/titlestylebody {margin:0; padding:0; background-color:#ddf5f7;}/*-------- 天空背景以及动画 ...

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 xm...

jquery焦点图轮播插件excoloSlider轮播滚动切换特效代码

以下是 jquery焦点图轮播插件excoloSlider轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/xhtml"headtitlejquery焦点图轮播插件excoloSlider/titlelink href="css/960.min...

jQuery+CSS3实现404背景动画特效

以下是 jQuery+CSS3实现404背景动画特效的示例演示效果:[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...

jQuery+css3圆形倒数秒计时器代码

以下是 jQuery+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=...

HTML5+CSS3卡片抽出动画代码

以下是 HTML5+CSS3卡片抽出动画代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleHTML5+CSS3卡片抽出动画/titlelink rel="stylesheet" href="css/style.css" media="screen" type="t...

Amazon超快下拉菜单特效代码

以下是 Amazon超快下拉菜单特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="utf-8"titleAmazon超快下拉菜单/titlemeta name="viewport" content="width=device-width, initial-sca...

jquery+css3图像标注悬浮说明

以下是 jquery+css3图像标注悬浮说明的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"html xmlns="http://www.w3.org/1999/xhtml" lan...

jQuery+CSS3实现ToolTip效果

以下是 jQuery+CSS3实现ToolTip效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="gb2312"titlejQuery+CSS3ʵ��ToolTipЧ��/titlelink rel="stylesheet" href="css/demo.css"link rel="s...

jQuery+CSS3图片翻转切换代码

以下是 jQuery+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="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...

jquery+css3半透明三级导航

以下是 jquery+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="ht...

jQuery+CSS3动态发光相册效果

以下是 jQuery+CSS3动态发光相册效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):htmlheadtitle��jQuery��CSS3�Ķ�̬��Ч��/titlelink rel="stylesheet" type="text/css" href="styles.css"/linkscript type="text/javas...

jQuery+CSS3响应图片边框炫酷动画特效

以下是 jQuery+CSS3响应图片边框炫酷动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" co...

jquery焦点图片轮播轮播滚动切换特效代码

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

HTML5 SVG鼠标点击水纹按钮代码

以下是 HTML5 SVG鼠标点击水纹按钮代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="gb2312" /meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" content="width=d...

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=...

CSS3 Lightbox缩略图效果

以下是 CSS3 Lightbox缩略图效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html!--[if lt IE 7 ] html class="ie ie6 no-js" lang="en" ![endif]--!--[if IE 7 ] html class="ie ie7 no-js" lang="en" ![en...

jquery metro拖动菜单代码

以下是 jquery metro拖动菜单代码的示例演示效果:[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="ht...

jquery+css3单反转动镜头景物效果

以下是 jquery+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=...

jQuery焦点图百叶窗效果切换轮播滚动切换特效代码

以下是 jQuery焦点图百叶窗效果切换轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta name="vi...

jQuery+CSS3仿IOS无线局域网Wifi

以下是 jQuery+CSS3仿IOS无线局域网Wifi 的示例演示效果:[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+CSS3仿IOS5通知中心

以下是 jQuery+CSS3仿IOS5通知中心的示例演示效果:[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="...

HTML5 SVG绘制轮廓线路径动画特效代码

以下是 HTML5 SVG绘制轮廓线路径动画特效代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta nam...

jQuery+CSS3下拉高级搜索框特效

以下是 jQuery+CSS3下拉高级搜索框特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml lang="zh" class="no-js"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta ...