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

基于SVG实现Loading加载按钮代码

以下是基于SVG实现Loading加载按钮代码的示例演示效果:[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=...

jQuery扁平对话框插件gDialog js代码

以下是 jQuery扁平对话框插件gDialog js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" cont...

jQuery手指滑动刻度尺选择值特效js代码

以下是 jQuery手指滑动刻度尺选择值特效js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-sc...

复选框和单选按钮动画效果代码

以下是复选框和单选按钮动画效果代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:部分效果截图3:部分效果截图4:部分效果截图5:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" class="no-js"headmeta cha

图片弹出imgCentering插件特效代码

以下是图片弹出imgCentering插件特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta http-equiv="Content-Type" content="text/html; charset=gb2312"/ title图片弹出imgCentering插件/titlel...

在线DES加密解密代码

以下是在线DES加密解密代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8" /title在线DES加密解密代码/titlescript type="text/javascript" ...

jQuery手势密码特效js代码

以下是 jQuery手势密码特效js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"titlejQuery手势密码特效/title/headbodycenterbrbr正确的密码是一个字母“Z”的形状哦！brbrbrdiv id="gesturepwd...

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

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

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 htmlhtml lang="en"headmeta charset="gb2312"meta name="description" content="Touch, responsive, flickable galleries"meta name...

jQuery datePicker日历控件js特效代码

以下是 jQuery datePicker日历控件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 ...

jQuery扁平风格对话框插件Dialogbox js代码

以下是 jQuery扁平风格对话框插件Dialogbox js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta 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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmln...

jQuery扁平水平滑动Tab选项卡滚动特效代码

以下是 jQuery扁平水平滑动Tab选项卡滚动特效代码的示例演示效果:[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="view...

jQuery Tabs带流程步骤的滑动选项卡特效代码

以下是 jQuery Tabs带流程步骤的滑动选项卡特效代码的示例演示效果:[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微博文本字数带提示限制js代码

以下是 jquery微博文本字数带提示限制js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejquery微博文本字数限制带提示效果/titlelink rel="st...

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

css3立体相册突出特效代码

以下是 css3立体相册突出特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml class="no-js"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlecss3立体相册突出效果/titlelink rel="st...

图片集鼠标悬停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="htt...

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

html5 tab滑动切换选项卡滑动滚动特效代码

以下是 html5 tab滑动切换选项卡滑动滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlehtml5 tab滑动切换选项卡/titlelink rel="stylesheet" href="css/style.css" type="text/css" ...

响应式12列CSS网格样式代码

以下是响应式12列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="viewport" con...

jquery心电图跳动js代码

以下是 jquery心电图跳动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:...

jQuery快速添加标签插件Tagbox js代码

以下是 jQuery快速添加标签插件Tagbox js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-IN"headmeta charset="UTF-8"titlejQuery快速添加标签插件Tagbox/titlelink rel="stylesheet" href="css/jquery.ta...

jQuery微信自定义菜单设置功能代码

以下是 jQuery微信自定义菜单设置功能代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlejQuery微信自定义菜单设置功能代码/titlelink rel="stylesheet" href="css/bootstrap.min.css" /link rel=...

jQuery倒计时插件FlipTimer特效代码

以下是 jQuery倒计时插件FlipTimer特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitlejQuery倒计时插件FlipTimer/titlelink href="css/style2.css" rel="stylesheet" type="text/css"script type="te...

jQuery悬停图片翻转展示背面代码

以下是 jQuery悬停图片翻转展示背面代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="utf-8"titlejQuery悬停图片翻转展示背面代码/titlelink rel="stylesheet" href="css/animate.css"style*...

3种常用网站图片轮播切换代码

以下是 3种常用网站图片轮播切换代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitle3种常用网站图片轮播切换代码/titlemeta charset="utf-8"link rel="stylesheet" href="css/style.css"/!--Luara样式文件--!--渐隐样式--link ...

图文滚动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" con...