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

HTML5 Canvas文本输入框动画特效代码

以下是 HTML5 Canvas文本输入框动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml lang="en"headmeta charset="UTF-8"titleHTML5 Canvas文本输入框动画特效/titlelink rel="stylesheet" type="text/css" href="c...

CSS3触发式进度条按钮

以下是 CSS3触发式进度条按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="gb2312"meta name="viewport" content="width=device-width, initial-scale=1.0"titleCSS3��ʽ��...

css3购物车下拉列表

以下是 css3购物车下拉列表的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-US"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlecss3购物车下拉列表/titlelink rel="styleshee...

jquery带文字焦点图轮播滚动切换特效代码

以下是 jquery带文字焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejquery带文字焦点图切换/titlelink rel=stylesh...

CSS3蓝色Loading加载动画特效

以下是 CSS3蓝色Loading加载动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"meta charset="utf-8"link rel="stylesheet" type...

css3表格突出显示

以下是 css3表格突出显示的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"link rel="stylesheet" href="core.css"titlecss3表格突出显示/title/headbodydiv align="center"table border="1...

CSS3菜单模糊变换效果

以下是 CSS3菜单模糊变换效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headtitleCSS3模糊变换效果的菜单/titlemeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" m...

CSS3绿色Loading加载动画特效

以下是 CSS3绿色Loading加载动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /titl...

css3荷花开放效果

以下是 css3荷花开放效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlecss3荷花开放效?- 站长素材/titlestyle type="text/css" media=...

3屏jQuery通栏banner轮播滚动广告js代码

以下是 3屏jQuery通栏banner轮播滚动广告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 x...

CSS3网页元素过滤器功能

以下是 CSS3网页元素过滤器功能的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html html lang="en"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titleFilter Functionali...

css3 animation动态天气图标特效

以下是 css3 animation动态天气图标特效的示例演示效果:[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="viewpo...

HTML5 Canvas放射线动画特效代码

以下是 HTML5 Canvas放射线动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleHTML5 Canvas放射线动画特效/titlestylebody {background: #000;overflow: hidden;margin: 0;}can...

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

10款jquery+css定制菜单样式特效代码

以下是 10款jquery+css定制菜单样式特效代码的示例演示效果:[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带描述右侧选项卡焦点图轮播滚动切换特效代码

以下是 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"htmlheadtitlePret...

HTML5 Canvas实现水滴效果代码

以下是 HTML5 Canvas实现水滴效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" headmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="chrome=1"meta name="apple-mobile-web...

CSS3给图片添加旋转背景特效

以下是 CSS3给图片添加旋转背景特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"titleCSS3给图片添加旋转背景特效/titlestyle type="text/css".main{ width:660px; border:1px solid #ccc; heigh...

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="en"headmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" con...

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

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

css3精美网页搜索框

以下是 css3精美网页搜索框的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title设计精美的网页搜索框效果/titlestyle type="text/css"body {fo...

jQuery带按钮宽屏图片轮播滚动切换特效代码

以下是 jQuery带按钮宽屏图片轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="content-type" content="text/html;charset=iso-8859-1" /titlejQuery/titlescript src="jquery-...

css3粉色菜单效果

以下是 css3粉色菜单效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="utf-8"meta name="description" content="Lavalike css-only menu effect" /!--link href=http://fonts...

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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html xmlns="http://w...

css3炫酷页面加载动画特效代码

以下是 css3炫酷页面加载动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"link rel="stylesheet" type="text/css" href="demo.css"/link rel="stylesheet" type="text/css" hr...

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

css3社会分享图标

以下是 css3社会分享图标的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8"meta name="description" content="Icon Fonts i...