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

JS点击弹出模态窗口下拉列表代码

以下是 JS点击弹出模态窗口下拉列表代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:部分效果截图3:HTML代码(index.html):!doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta n...

HTML5 SVG实现超酷打击乐器特效

以下是 HTML5 SVG实现超酷打击乐器特效的示例演示效果:[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 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"htmlheadmeta http-equiv="C...

12款纯CSS3菜单导航特效代码

以下是 12款纯CSS3菜单导航特效代码的示例演示效果:[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.w3.or...

HTML5 SVG实现喜欢点赞动画特效

以下是 HTML5 SVG实现喜欢点赞动画特效的示例演示效果:[pview]部分效果截图1:部分效果截图2:部分效果截图3:部分效果截图4:HTML代码(index.html):!doctype htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrom...

HTML5 SVG每周天气预报特效代码

以下是 HTML5 SVG每周天气预报特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" class="no-js"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="vie...

html5 svg圆形进度统计动画特效

以下是 html5 svg圆形进度统计动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width initial-scale=1.0 minimum-scale=...

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

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

jquery仿淘宝视频焦点图轮播滚动切换特效代码

以下是 jquery仿淘宝视频焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitleabc/titlelink type="text/css" href="css/zzsc.css" rel="stylesheet" /script src="js/jquery"/scriptscri...

HTML5 SVG地图旋转动画特效

以下是 HTML5 SVG地图旋转动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml headmeta charset="UTF-8"titleSVG 地图旋转动画 | jQuery特效|H5网站特效| H5游戏/titlelink rel="stylesheet" href="css/style.css"/head...

回到网页顶部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="http://www...

360新闻图文混排js焦点图轮播滚动切换特效代码

以下是 360新闻图文混排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 xml...

js点击input弹出时间选择器代码

以下是 js点击input弹出时间选择器代码的示例演示效果:[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...

HTML5 SVG区域线图表特效代码

以下是 HTML5 SVG区域线图表特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleHTML5 SVG区域线图表/title/headbodydiv id="areaChart" style="height: 165px; width: 900px; mar...

Canvas彩色弹性碰撞小球动画js代码

以下是 Canvas彩色弹性碰撞小球动画js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleCanvas彩色弹性碰撞小球动画/titlelink rel="styles...

jquery仿QQ商城焦点图轮播滚动切换特效代码

以下是 jquery仿QQ商城焦点图轮播滚动切换特效代码的示例演示效果:[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...

HTML5 SVG全屏滑块切换特效

以下是 HTML5 SVG全屏滑块切换特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml lang="en" class="no-js"headmeta charset="gb2312"meta name="viewport" content="width=device-width, initial-scale=1"ti...

HTML5 SVG制作电子鼓打击音乐特效

以下是 HTML5 SVG制作电子鼓打击音乐特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" content=...

html5 svg图标手机菜单特效

以下是 html5 svg图标手机菜单特效的示例演示效果:[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" ...

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

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

jQuery射击飞行的鸟特效代码

以下是 jQuery射击飞行的鸟特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml dir="ltr" lang="it-IT"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlejQuery射击飞行的鸟特效/titlel...

jquery京东商城首页焦点图轮播滚动切换特效代码

以下是 jquery京东商城首页焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"meta http-equiv="x-ua-compatible" content="IE=edge" /titlejquery京东商城首页焦点图/titlelink r...

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

仿嘻嘻哈哈右下角固定的二维码代码

以下是仿嘻嘻哈哈右下角固定的二维码代码的示例演示效果:[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...

JS滚动事件插件Headroom特效代码

以下是 JS滚动事件插件Headroom特效代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitleJS滚动事件插件Headroom/titlemeta name="viewport" content="width=device-width"link rel="stylesheet" hre...

仿QQ音乐返回顶部和返回底部代码

以下是仿QQ音乐返回顶部和返回底部代码的示例演示效果:[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 echarts地图分布动画特效

以下是 html5 echarts地图分布动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):html lang="en"headmeta charset="utf-8"titlehtml5 echarts地图分布动画特效/title/headbody style="background:#1B1B1B"!--Step:1 Prepare a dom ...

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