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

对话框-basic modal dialogc-1.4.1特效代码

以下是对话框-basic modal dialogc-1.4.1特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html html head title SimpleModal Basic Modal Dialog /title meta name=author content=Eric Martin / meta name=c...

可暂停自动播放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 x...

纯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="vi...

纯CSS3实现美国金门大桥

以下是纯CSS3实现美国金门大桥的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3实现美国金门大桥/titlelink rel="stylesheet" href="css/style.css" media="screen" type="text/css"...

纯css3实现花格纹理背景

以下是纯css3实现花格纹理背景的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title纯css3实现花格纹理背景/titlestylebody {font-f...

原生js渐变滑动切换焦点图代码轮播滚动切换特效

以下是原生js渐变滑动切换焦点图代码轮播滚动切换特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8" /title原生js渐变滑动切换焦点图代码/titlestyleul{ margin:0; padding-left:0;}li{ list-style:none;}img...

纯CSS3实现苹果iphone6手机模型特效

以下是纯CSS3实现苹果iphone6手机模型特效的示例演示效果:[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="viewpor...

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

对话框-artDialog5.0特效代码

以下是对话框-artDialog5.0特效代码的示例演示效果:[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://www.w...

可关闭的jQuery焦点图特效轮播滚动切换代码

以下是可关闭的jQuery焦点图特效轮播滚动切换代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="X-UA-Compatible" content="IE=edge" /meta http-equiv="Content-Type" content="text/html; cha...

原生js简约风格轮播图切换代码轮播滚动切换特效

以下是原生js简约风格轮播图切换代码轮播滚动切换特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"title原生js简约风格轮播图切换代码/titlestyle*{margin: 0;padding: 0;list-style-type:none;}a...

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

纯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="view...

纯CSS3实现腾讯QQ企鹅动画特效

以下是纯CSS3实现腾讯QQ企鹅动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"link rel="stylesheet" type="text/css" href="css/index.css"title纯CSS3实现腾讯QQ企鹅动画特效 /t...

CSS3 Loader加载指示器动画效果css代码

以下是 CSS3 Loader加载指示器动画效果css代码的示例演示效果:[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="vie...

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

jquery图片移位效果特效代码

以下是 jquery图片移位效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2312"titlejquery图片随机移位效果/titlemeta name="generator" c...

CSS3与jQuery结合的动画效果轮播滚动切换特效代码

以下是 CSS3与jQuery结合的动画效果轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titlePara...

弹出框contactpopup特效代码

以下是弹出框contactpopup特效代码的示例演示效果:[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 CSS3动画过渡效果特效代码

以下是 jQuery CSS3动画过渡效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8" /titlejQuery CSS3动画过渡效果特效/titlemeta http-equiv="X-UA-Compatible" content="IE=edge,chrome...

华强北商城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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="ht...

纯CSS3实现简易3D按钮

以下是纯CSS3实现简易3D按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3实现简易3D按钮/titlelink rel="stylesheet" href="css/style.css" media="screen" type="text/css"...

纯css3实现的折角效果

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

原生JS左右滚动焦点图轮播滚动切换特效代码

以下是原生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 xmlns=...

纯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" co...

纯CSS3实现的3D丝带效果

以下是纯CSS3实现的3D丝带效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title纯CSS3实现的3D丝带效果/titlelink href="style.css" re...

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

jquery两级菜单带返回按钮特效代码

以下是 jquery两级菜单带返回按钮特效代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"meta http-equiv="content-type" content="text/html;charset=gb2312"headtitlejquery两级菜单带返回按钮/titlel...

纯CSS3实现天气动画场景特效

以下是纯CSS3实现天气动画场景特效的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"title纯CSS3实现天气动画场景特效/titlestyle*{ margin:0px; padding:0px;}body{ padding:0px; margin:0...