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

四屏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 xm...

css3唱片滑动效果特效代码

以下是 css3唱片滑动效果特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlecss3唱片滑...

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

纯CSS3绘制小叮当头像动画特效

以下是纯CSS3绘制小叮当头像动画特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"title纯CSS3绘制小叮当头像动画特效/titlestylebody{margin: 0;background: lightblue;}/*哆啦A梦*/.doa{position: r...

对话框-demo特效代码

以下是对话框-demo特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitleCreating a Windows-like interface with jQuery UI/title!-- Load the jQuery UI CSS --link rel="stylesheet" href="cs...

纯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仿WIN7样式导航菜单特效代码

以下是 jQuery仿WIN7样式导航菜单特效代码的示例演示效果:[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=...

纯CSS3逼真三维球效果

以下是纯CSS3逼真三维球效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" titleCreating an Animated...

唐宋中国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图片缩放插件jQThumb特效代码

以下是 jQuery图片缩放插件jQThumb特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="utf-8"titlejQuery图片缩放插件jQThumb/titlestyle* { margin: 0; padding: 0;}body { font-...

CSS3带控制按钮的3D焦点图广告轮播滚动切换特效代码

以下是 CSS3带控制按钮的3D焦点图广告轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headtitle带优雅的控制按钮的3D效果图片焦点广告/titlemeta charset="UTF-8" /meta http-equiv="X-UA-Compatible" content...

纯CSS3有序列表样式

以下是纯CSS3有序列表样式的示例演示效果:[pview]部分效果截图1:部分效果截图2:HTML代码(index.html):!doctype htmlhtmlheadtitleCSS3 ordered list styles - demo/titlestylebody{margin: 40px auto;width: 500px;}/* -----------------------...

右侧带缩略图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...

jquery仿WebQQ菜单ui界面特效代码

以下是 jquery仿WebQQ菜单ui界面特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadtitlejquery仿WebQQ菜单ui界面/titlemeta http-equiv="Content-Type" content="text/html; charset=UTF-8"/metalink href...

纯CSS3扁平垂直时间轴特效

以下是纯CSS3扁平垂直时间轴特效的示例演示效果:[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="viewp...

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

纯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" conte...

纯CSS3的ajax loading加载

以下是纯CSS3的ajax loading加载的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /title纯CSS3的ajax loading加载/titlescript src="...

对话框-boxy特效代码

以下是对话框-boxy特效代码的示例演示效果:[pview]部分效果截图:HTML代码(jQuery-plugin-boxy.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xm...

jQuery UI滑杆插件可Tooltip提示代码

以下是 jQuery UI滑杆插件可Tooltip提示代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="UTF-8"titlejQuery UI滑杆插件可Tooltip提示/titlestylehtml{font-family:sans-serif;-ms-text-size-ad...

纯css3实现金鱼游动

以下是纯css3实现金鱼游动的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=UTF-8"title纯css3实现金鱼游动/title/headbodydiv id=top/divdiv id=fo...

纯CSS3实现质感细腻丝滑按钮

以下是纯CSS3实现质感细腻丝滑按钮的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8"meta http-equiv="X-UA-Compatible" content="IE=edge"title纯CSS3实现质感细腻丝滑按钮/titlelink rel="styleshe...

jQuery图片绘制动态过程插件imagedrawer特效代码

以下是 jQuery图片绘制动态过程插件imagedrawer特效代码的示例演示效果:[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...

jQuery仿flash导航代码

以下是 jQuery仿flash导航代码的示例演示效果:[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制作3D图片立方体旋转特效

以下是 CSS3制作3D图片立方体旋转特效的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtmlheadmeta charset="utf-8" /titleCSS3制作3D图片立方体旋转特效 /titlelink rel="stylesheet" href="css/index.css" //headbody!--/*外层最大...

可播放视频的焦点图代码轮播滚动切换特效

以下是可播放视频的焦点图代码轮播滚动切换特效的示例演示效果:[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...

纯CSS3实现逼真的翻书效果

以下是纯CSS3实现逼真的翻书效果的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"title纯CSS3实现逼真的翻书效果/titlelink rel="stylesheet" href="css/style.css"/headbodydiv style=...

jQuery easing动画运动效果代码

以下是 jQuery easing动画运动效果代码的示例演示效果:[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=...

可左右翻页的jQueryBanner效果轮播滚动切换特效代码

以下是可左右翻页的jQueryBanner效果轮播滚动切换特效代码的示例演示效果:[pview]部分效果截图:HTML代码(index.html):!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"ht...