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

带缩略图的6屏幻灯效果轮播滚动切换特效代码

以下是带缩略图的6屏幻灯效果轮播滚动切换特效代码的示例演示效果:[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 HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlePlaying with SVG: wheelayout demo/titlescript ...

css3实现底部阴影按钮

以下是 css3实现底部阴影按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtml lang="en-US"headmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titlecss3实现底部阴影按钮/titlestyle type="text/...

css3实现天气图标

以下是 css3实现天气图标的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):htmlheadlink rel="stylesheet" href="css/screen.css" type="text/css"titlecss3ʵ��ͼ��/title/headhtmlbodydiv class="wrapper"svgversi...

jquery+css3实现列表toggle特效代码

以下是 jquery+css3实现列表toggle特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml class=headtitlejquery+css3实现列表toggle特效/titlelink rel=stylesheet href=reset.cssstyle class="cp-pen-styles"* {...

CSS3实现彩色凹凸按钮

以下是 CSS3实现彩色凹凸按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"titleCSS3实现彩色凹凸按钮/titlelink rel="stylesheet" href="st...

jQuery+css3数字时钟效果特效代码

以下是 jQuery+css3数字时钟效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"titlejQuery+css3数字时钟效果/title!-- The main CSS...

带缩略图的JS图片轮换轮播滚动切换特效代码

以下是带缩略图的JS图片轮换轮播滚动切换特效代码的示例演示效果:[pview]HTML代码(index.html):htmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /title程序员设计师联盟淘宝店/title/headlink href="css/css.css" rel="style...

CSS3实现底部滑盖页脚

以下是 CSS3实现底部滑盖页脚的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="gb2312"/titleTutorial: A CSS3 slide-out footer/title!-- The main CSS file --link href="assets/css/style....

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

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

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

9款CSS3鼠标悬停相册预览特效

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

css3实现多款创意按钮

以下是 css3实现多款创意按钮的示例演示效果:[pview]部分效果截图1:部分效果截图2: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-U...

CSS3实现创意链接样式

以下是 CSS3实现创意链接样式的示例演示效果:[pview]部分效果截图1:部分效果截图2: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-U...

jQuery+CSS3大眼睛萌蛋动画特效代码

以下是 jQuery+CSS3大眼睛萌蛋动画特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlejQuery+CSS3大眼睛萌蛋动画特效/titlestyle type="text/css"*{padding: 0;margin: 0;}#nav{width: ...

jQuery全屏大幅下拉菜单导航代码

以下是 jQuery全屏大幅下拉菜单导航代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" class="no-js"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" meta ...

带滚动新闻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实现动态输入框input框特效

以下是 CSS3实现动态输入框input框特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titleCSS3实现动态输入框input框特效/titlestylehtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h...

带有Loading进度条的焦点图代码轮播滚动切换特效

以下是带有Loading进度条的焦点图代码轮播滚动切换特效的示例演示效果:[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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="ht...

CSS3实现图形颜色渐变

以下是 CSS3实现图形颜色渐变的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"titleCSS3实现图形颜色渐变/titlelink rel="stylesheet" href="cs...

jQuery+CSS3实现黑色圆形时钟代码

以下是 jQuery+CSS3实现黑色圆形时钟代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"titlejQuery+CSS3实现黑色圆形时钟代码/titlelink rel="stylesheet" type="text/css" href="jqu...

带缩略图5屏jQuery焦点图代码轮播滚动切换特效

以下是带缩略图5屏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...

js可折叠商品分类代码

以下是 js可折叠商品分类代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):htmlheadmeta http-equiv="Content-Type" content="text/html; charset=gb2312" /titleabc/titlestyle type="text/css"td {font-size: 12px;}/style/h...

CSS3实现MacBook苹果笔记本特效

以下是 CSS3实现MacBook苹果笔记本特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"titleCSS3实现MacBook苹果笔记本特效/titlelink href="css/style.css" rel="stylesheet" type="text/css"/...

jQuery+CSS3多张图片选择动画代码

以下是 jQuery+CSS3多张图片选择动画代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlejQuery+CSS3多张图片选择动画/titlelink rel="stylesheet" href="css/style.css" media="screen" t...

css3实现loading动画加载

以下是 css3实现loading动画加载的示例演示效果:[pview]部分效果截图1:部分效果截图2:部分效果截图3:部分效果截图4:部分效果截图5:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" class="demo-4"head&

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

jquery圆形密集线条特效代码

以下是 jquery圆形密集线条特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en" headmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="chrome=1"titlejquery圆形密集线条效果/titlelink h...