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

css3图片变形特效

以下是 css3图片变形特效的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"titlecss3图片变形特效/titlelink rel="stylesheet" href="css/normalize.min.css"stylebody {height: 1...

3D灯箱插件FlipLightbox

以下是 3D灯箱插件FlipLightbox 的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /meta name="viewport" content="width=device-width, ...

css3图标下拉导航菜单

以下是 css3图标下拉导航菜单的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8" /titleCSS3图标导航菜单特效/title!-- Our CSS stylesheet file --link rel="stylesheet" href="assets/css/styl...

CSS3图片向上3D翻转渐隐消失特效

以下是 CSS3图片向上3D翻转渐隐消失特效的示例演示效果:[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" ...

CSS3制作360度旋转时钟表特效代码

以下是 CSS3制作360度旋转时钟表特效代码的示例演示效果:[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 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):!doctype htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge,ch...

jQuery+CSS3动画弹出框代码

以下是 jQuery+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="ht...

大前端jquery焦点图轮播滚动切换特效代码

以下是大前端jquery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"title大前端jquery焦点图/titlelink rel="stylesheet...

jquery侧边划出导航菜单特效代码

以下是 jquery侧边划出导航菜单特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlejquery侧边划出导航菜单/titlescript type="text/ja...

CSS3响应式伸缩搜索框

以下是 CSS3响应式伸缩搜索框的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" class="no-js"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"meta http-equiv="X-UA-Compati...

多方向滚动的焦点图jQuery特效轮播滚动切换代码

以下是多方向滚动的焦点图jQuery特效轮播滚动切换代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" cont...

css3唯美loading加载动画特效

以下是 css3唯美loading加载动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlhead lang="en"meta charset="UTF-8"titlecss3唯美loading加载动画特效/titlestyle type="text/css"@-webkit-keyframes rotate-anim...

多边形箭头滚动切换jQuery焦点图轮播特效代码

以下是多边形箭头滚动切换jQuery焦点图轮播特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"htmlheadmeta http-equiv="Co...

css3图书3D动画

以下是 css3图书3D动画的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-US"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8"titlecss3图书3D动画/titlelink rel="stylesheet"...

jquery图片裁剪效果代码

以下是 jquery图片裁剪效果代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh-cn"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8"titlejquery图片裁剪效果代码/titlescript type="...

css3后台管理面板

以下是 css3后台管理面板的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-US"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlecss3后台管理面板/titlescript type="text/jav...

CSS3固定顶部定位滚动导航

以下是 CSS3固定顶部定位滚动导航的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="utf-8"titleCSS3固定顶部定位滚动导航/titlemeta name="author" content="Adtile"meta name="viewport" conte...

jQuery+CSS3动画倒计时特效代码

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

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="zh"headmeta charset="UTF-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta name="vie...

多元素动画滑块jQuery焦点图轮播滚动切换特效代码

以下是多元素动画滑块jQuery焦点图轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!doctype htmlhtmlheadmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"meta name="viewport" con...

css3半透明遮罩lightbox效果

以下是 css3半透明遮罩lightbox效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html!--[if lt IE 7 ] html class="ie ie6 no-js" lang="en" ![endif]--!--[if IE 7 ] html class="ie ie7 no-js" lang="en" ![e...

CSS3动画暗角按钮

以下是 CSS3动画暗角按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitleCSS3��ǰ�ť/titlemeta http-equiv="Content-Type" content="text/html; charset=gb2312"style type="text/css"/* -----...

jQuery+css3制作飘动的云动画特效代码

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

CSS3动态改变滑杆数值代码

以下是 CSS3动态改变滑杆数值代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleCSS3动态改变滑杆数值代码/titlestyle@import url(http://fonts.googleapis.com/css?family=Dosis:700);body...

基于SuperSlide电影频道焦点图代码轮播滚动切换特效

以下是基于SuperSlide电影频道焦点图代码轮播滚动切换特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htm...

基于slick插件的jQuery焦点图特效轮播滚动切换代码

以下是基于slick插件的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=...

CSS3单选按钮和复选按钮特效

以下是 CSS3单选按钮和复选按钮特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge"meta name="viewport" content="width=device-w...