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

弹出框-超漂亮的仿腾讯弹出层效果特效代码

以下是弹出框-超漂亮的仿腾讯弹出层效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlheadmeta...

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

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]部分效果截图: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]部分效果截图:HTML代码(index.html):q!doctype htmlhtmlheadmeta charset="utf-8"title纯CSS3实现旺仔头像动画特效/title/headstyle*{ margin:0; padding:0;}.container{ width:900px; height:71...

jquery animate网站banner动画效果代码

以下是 jquery animate网站banner动画效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="gb2312"titlejquery animate网站banner动画效果/titlelink rel="stylesheet" type="text/css" href="...

华为荣耀3焦点图广告页面特效轮播滚动切换代码

以下是华为荣耀3焦点图广告页面特效轮播滚动切换代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"title华为荣耀3焦点图广告页面特效/titlemeta name="viewport" content="width=device-width, initial-scale...

千龙网JS带缩略图的5屏轮换焦点图轮播滚动切换特效代码

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

纯CSS3实现太极图形样式代码

以下是纯CSS3实现太极图形样式代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset=utf-8title纯CSS3实现太极图形样式代码/titlestyle.square{width:400px;height:400px;position:relative; transform:rota...

纯CSS3实现发光按钮开关切换特效

以下是纯CSS3实现发光按钮开关切换特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="gb2312"title��CSS3ʵ�ַ��ⰴť��л��Ч/titlelink rel="stylesheet" href="css/style.css" media="screen" ...

兼容PC手机可拖动jQuery焦点图轮播滚动切换特效代码

以下是兼容PC手机可拖动jQuery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"html xmlns="ht...

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 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns...

JQ+CSS3过滤动画效果代码

以下是 JQ+CSS3过滤动画效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titlecss3过滤动画效果/titlel...

弹出框-Flat-Popup-Email-Subscription-Design-web-静态页面特效代码

以下是弹出框-Flat-Popup-Email-Subscription-Design-web-静态页面特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!--Author: W3layoutsAuthor URL: http://w3layouts.comLicense: Creative Commons Attribution 3.0 Unpo...

内容与背景一起变换的焦点图轮播滚动切换特效代码

以下是内容与背景一起变换的焦点图轮播滚动切换特效代码的示例演示效果:[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]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml class=headmeta charset=UTF-8title纯CSS3实现动画开关按钮特效/titlestyle class="cp-pen-styles"@import url(http://fonts.useso.com/cs...

纯CSS3实现卡通小黄人头像特效

以下是纯CSS3实现卡通小黄人头像特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"title纯CSS3实现卡通小黄人头像特效/titlestyle*{padding: 0;margin: 0;list-style-type: none;}h3{tex...

八屏滑动焦点图JS版轮播滚动切换特效代码

以下是八屏滑动焦点图JS版轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):htmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2242"meta name="keywords" content="JS代码,焦点图,JS广告代码,JS特效代码" /me...

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

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

html5鼠标点击液体波浪动画特效代码

以下是 html5鼠标点击液体波浪动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPEhtml headtitlehtml5鼠标点击液体波浪动画特效/titleMETA charset="utf-8"stylehtml{overflow:hidden;}body{margin:0px;}canvas{margin-left:-40p...

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

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列表FAQ问答特效

以下是 css3列表FAQ问答特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitlecss3列表FAQ问答特效/titlestylebody{margin: 80px auto;width: 550px;font: 14px trebuchet MS, Arial, Helvetica;background...

全屏带动画和触摸效果的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"h...

纯CSS3实现iOS7扁平化图标

以下是纯CSS3实现iOS7扁平化图标的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtml dir="ltr" lang="en"headtitleiOS 7 icons/titlelink rel="stylesheet" href="css/style.css" media="screen" type=...

纯CSS3实现动态火车行驶特效

以下是纯CSS3实现动态火车行驶特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8" /title纯CSS3实现动态火车行驶特效 /titlelink rel="stylesheet" type="text/css" href="my.css"/headbodydiv id...

纯CSS3实现3D魔方翻转动画特效

以下是纯CSS3实现3D魔方翻转动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"title纯CSS3实现3D魔方翻转动画特效/titlelink rel="stylesheet" type="text/css" href="css/style.c...

优酷电视剧频道jQuery焦点图轮播滚动切换特效代码

以下是优酷电视剧频道jQuery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8" /meta http-equiv="Content-Language" co...