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

CSS3卡片鼠标悬停滑动代码

以下是 CSS3卡片鼠标悬停滑动代码的示例演示效果:[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 name="viewp...

jQuery图片自适应排列显示代码

以下是 jQuery图片自适应排列显示代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="utf-8"titlejQuery图片自适应排列显示代码/titlemeta name="viewport" content="width=device-width, initi...

CSS3 HTML5大型下拉菜单特效代码

以下是 CSS3 HTML5大型下拉菜单特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html!--[if lt IE 7]html class="no-js lt-ie9 lt-ie8 lt-ie7"![endif]--!--[if IE 7]html class="no-js lt-ie9 lt-ie8"![endif]--...

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

基于MooTools全屏焦点图轮播滚动切换特效代码

以下是基于MooTools全屏焦点图轮播滚动切换特效代码的示例演示效果:[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...

3D切换效果jQuery焦点图

以下是 3D切换效果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 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="ht...

超强jquery表格样式

以下是超强jquery表格样式的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title超强jquery表格样式/titlelink rel="styleshee...

CSS3制作网页Banner动画

以下是 CSS3制作网页Banner动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headtitleAnimated Web Banners With CSS3/titlemeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content...

轻量级高性能的CSS3动画库特效

以下是轻量级高性能的CSS3动画库特效的示例演示效果:[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 name="vie...

对话框-facebox特效代码

以下是对话框-facebox特效代码的示例演示效果:[pview]部分效果截图:HTML代码(demo.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窗帘式4格焦点图轮播滚动切换特效代码

以下是 CSS3窗帘式4格焦点图轮播滚动切换特效代码的示例演示效果:[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和CSS的焦点图特效轮播滚动切换代码

以下是基于HTML5和CSS的焦点图特效轮播滚动切换代码的示例演示效果:[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...

适合产品销售页面CSS3定价表

以下是适合产品销售页面CSS3定价表的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitle�ʺϲ�Ʒ��ҳ��CSS3��۱�/titlelink href="css/zzsc.css" rel="stylesheet" type="text/css" //headbodydiv id...

jQuery+CSS3创意搜索框特效代码

以下是 jQuery+CSS3创意搜索框特效代码的示例演示效果:[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="viewport...

国美在线首页jQuery焦点图轮播滚动切换特效代码

以下是国美在线首页jQuery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="UTF-8"title国美在线首页jQuery焦点图/titlelink href="css/chinaz.css" rel="stylesheet"/headbodybrdiv c...

结合CSS3实现的jQuery分页插件

以下是结合CSS3实现的jQuery分页插件的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta http-equiv="content-type" content="text/html; charset=UTF-8"title结合CSS3实现的jQuery分页插件/title!--lin...

购物网站加入购物车产品展示代码

以下是购物网站加入购物车产品展示代码的示例演示效果:[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 name="view...

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

图片高度不固定的焦点图代码轮播滚动切换特效

以下是图片高度不固定的焦点图代码轮播滚动切换特效的示例演示效果:[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 htmlhtmlhead lang="en"meta charset="UTF-8"titlejQuery仿网易新闻头部导航栏代码/titlemeta name="viewport"content=" height = device-height,...

纯CSS3鼠标滑过按钮动画过滤特效

以下是纯CSS3鼠标滑过按钮动画过滤特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"title纯CSS3鼠标滑过按钮动画过滤特效/title/headstyle type="text/css"html,body,.wrapper{height:100%;}body{ba...

对话框-dialogr特效代码

以下是对话框-dialogr特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="www.w3.org/1...

纯CSS3鼠标滑过按钮流光效果代码

以下是纯CSS3鼠标滑过按钮流光效果代码的示例演示效果:[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="viewport" c...

结合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"htmlheadmeta http-equiv="Content-Type" conten...

四格百叶窗焦点图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+CSS3催眠怀表摇摆动画特效代码

以下是 jQuery+CSS3催眠怀表摇摆动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="gb2312"titlejQuery+CSS3催眠怀表摇摆动画特效/titlestyle type="text/css"*{margin: 0;padding: 0;}body{back...

响应式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 xmln...

纯CSS3表格美化特效

以下是纯CSS3表格美化特效的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"htmlheadtitlePimp your t...

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