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

jQuery水纹波动动画效果代码

以下是 jQuery水纹波动动画效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="gb2312"titlejQuery水纹波动动画效果代码/titlemeta name="viewport" content="width=device-width, initia...

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大型下拉菜单插件booNavigation特效代码

以下是 jQuery大型下拉菜单插件booNavigation特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta nam...

div拖动排序插件jquery.sortable特效js和jquery代码

以下是 div拖动排序插件jquery.sortable特效js和jquery代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...

js银行卡号格式输入框特效代码

以下是 js银行卡号格式输入框特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"titlejs银行卡号格式输入框/titlestyle*{margin:0;padding:0;}input{margin:100px auto;display:bloc...

jquery链接URL截图预览特效代码

以下是 jquery链接URL截图预览特效代码的示例演示效果:[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仿百度新闻网站导航条特效js代码

以下是 jQuery仿百度新闻网站导航条特效js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlejQuery仿百度新闻网站导航条特效/titlestyle type="text/css"*{margin: 0;padding: 0;overflow-x: hid...

jQuery滚动菜单插件Section Menu滑动滚动特效代码

以下是 jQuery滚动菜单插件Section Menu滑动滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadtitlejQuery滚动菜单插件Section Menu/titlemeta charset="gb2312" /link rel="stylesheet" href="assets/css/s...

jQuery仿百度万年历代码下载js代码

以下是 jQuery仿百度万年历代码下载js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml!--![endif]--headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"meta charset="utf-8"meta content...

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

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

jQuery模拟键盘打字插件typetype代码

以下是 jQuery模拟键盘打字插件typetype代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtml dlheadtitlejQuery模拟键盘打字插件typetype/titlestylebody {text-align:center;font-family: Monaco,Menlo,Consolas,"Couri...

CSS3实现自定义聊天窗口特效代价

以下是 CSS3实现自定义聊天窗口特效代价的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleCSS3实现自定义聊天窗口/titlelink rel="stylesheet" href="css/style.css" media="screen" type="text/...

jQuery遮罩图片hover翻转效果特效代码

以下是 jQuery遮罩图片hover翻转效果特效代码的示例演示效果:[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滑动分步式进度导航条滚动特效代码

以下是 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 html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"html xmlns="http://www.w3.org/1...

jquery多级下拉侧导航amazonmenu特效代码

以下是 jquery多级下拉侧导航amazonmenu特效代码的示例演示效果:[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仿电子印章在线制作代码

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

jQuery滑动导航插件sliding滚动特效代码

以下是 jQuery滑动导航插件sliding滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2312"meta name="viewport" content="width=dev...

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

js输入首字母自动完成代码

以下是 js输入首字母自动完成代码的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /link href=dist/horsey.css rel=stylesheet...

jQuery仿淘宝商品多条件筛选代码

以下是 jQuery仿淘宝商品多条件筛选代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /meta name="viewport" content="width=device-wi...

jQuery仿淘宝网拖动滑块验证码代码

以下是 jQuery仿淘宝网拖动滑块验证码代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitlejQuery仿淘宝网拖动滑块验证码代码/titlemeta charset="utf-8"link href="css/drag.css" rel="stylesheet" type="text/css"scri...

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

JS输入汉字转换成拼音首字母代码

以下是 JS输入汉字转换成拼音首字母代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):html headtitleJS输入汉字转换成拼音首字母代码/titlemeta http-equiv="Content-Type" content="text/html; charset=utf-8" / script text="text/javascript"...

jQuery仿支付宝6位数字密码框代码

以下是 jQuery仿支付宝6位数字密码框代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"titlejQuery仿支付宝6位数字密码框代码/titlestyle.clearfix:after {clear: both;}.clearfix:before...

css文本底部淡入淡出效果特效代码

以下是 css文本底部淡入淡出效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlecss文本底部淡入淡出效果/titlelink rel="stylesheet" ...

jQuery扁平风格手风琴式菜单滑动滚动特效代码

以下是 jQuery扁平风格手风琴式菜单滑动滚动特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html!--[if IE 8] html lang="en" class="ie8" ![endif]--!--[if !IE]!-- html lang="en" !--![endif]--headmeta charset="utf...

jQuery仿微博ajax动态删除消息js代码

以下是 jQuery仿微博ajax动态删除消息js代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejQuery仿新浪微博ajax动态删除消息/titlescript t...

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