其他类别
关注
分享
扫一扫
文章平均质量分 72
JavaWeb-FaceStrap
亦歌亦行呆呆熊
无论是莺飞蝶舞的春朝，风舞清河的夏日；还是天高菊香的秋天，风急烟波的冬季。面对生活的不如意，他总是希望做生活的歌者，读书的痴者，人生的强者。
生活的歌者
他热爱生活，感谢生活。家境贫寒的他，从小就顶着烈日在田里，干农活。高中时，一放学放假，就马上回家插秧割麦，上山挖青石，进屋推石磨。这给他，带来勤俭吃苦的好习惯，也给他带了健壮的体格。虽然，高考失利给他带来一段伤心的日子，但他还是开怀的笑，不向挫折低头的积极心态。
，
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
规定区域的JS拖动展示效果
规定区域的JS拖动展示效果body{background:#000; }.box{width:360px; height:360px; border:5px solid #555;overflow:hidden; position:relative;margin:0 auto; }.box img{cursor:move;position:abs原创 2016-07-11 11:22:05 · 1170 阅读 · 0 评论 -
JavaScript改变图片透明度，鼠标放上渐渐显示
关注我的微信公众号:D929088 或者加入 QQ群459842291原创 2016-07-11 11:06:17 · 959 阅读 · 0 评论 -
JS点击小图预览大图（仿淘宝）
淘宝网图片预览效果div#PreviewBox{ position:absolute; padding-left:6px; display: none; Z-INDEX:2006;}div#PreviewBox span{ width:7px; height:13px; position:absolute; left:0px;原创 2016-07-11 11:09:30 · 2414 阅读 · 0 评论 -
Js图片连续左右滚动
Js图片连续滚动代码 src="6637716.gif" width=8> cellPadding=0 width=45原创 2016-07-11 11:11:24 · 359 阅读 · 0 评论 -
JS图片滚动代码（无缝、平滑）
图片滚动#demo {background: #FFF;overflow:hidden;border: 1px dashed #CCC;width: 500px;}#demo img {border: 3px solid #F2F2F2;}#indemo {float: left;width: 800%;}#demo1 {原创 2016-07-11 11:10:53 · 254 阅读 · 0 评论 -
JS图片切换，带缩略图版
五屏带缩略图幻灯片切换代码.box {FLOAT: left; WIDTH: 472px}.box .boxpadding {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px}#Slide {CL原创 2016-07-11 11:11:50 · 485 阅读 · 0 评论 -
Js拖动特效，一串水晶球(很强大)
可以在网页上拖动的水晶球特效body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;}.worm {position:absolute;z-index:2000;curso原创 2016-07-11 11:12:22 · 607 阅读 · 0 评论 -
亦歌亦行呆呆熊
无论是莺飞蝶舞的春朝，风舞清河的夏日；还是天高菊香的秋天，风急烟波的冬季。面对生活的不如意，他总是希望做生活的歌者，读书的痴者，人生的强者。 生活的歌者 他热爱生活，感谢生活。家境贫寒的他，从小就顶着烈日在田里，干农活。高中时，一放学放假，就马上回家插秧割麦，上山挖青石，进屋推石磨。这给他，带来勤俭吃苦的好习惯，也给他带了健壮的体格。虽然，高考失利给他带来一段伤心的日子原创 2016-07-11 11:16:17 · 365 阅读 · 0 评论 -
按比例缩放图片，JavaScript代码
按比例缩放图片function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.height>= FitWidth/Fit原创 2016-07-11 11:17:09 · 268 阅读 · 0 评论 -
超漂亮Js+css图片幻灯切换
图片幻灯切换* { margin:0; padding:0; }body { background:#FFF; color:#333; font:12px/1.6em Helvetica, Arial, sans-serif; }h1, h2, h3, h4, h5, h6 { font-size:1em; }a { color:#0287CA; text-decoration原创 2016-07-11 11:17:43 · 673 阅读 · 0 评论 -
纯CSS代码实现的图片列表滚动
CSS滚动ul {border: 3px double #999;height: 160px;width: 200px;overflow: auto;overflow-x: hidden;padding: 2px;scrollbar-3dlight-color:#cccccc;scrollbar-arrow-color:#ffffff; scro原创 2016-07-11 11:18:11 · 1982 阅读 · 0 评论 -
JavaScript动态控制图片透明度的变化
关注我的微信公众号:D929088 或者加入 QQ群459842291原创 2016-07-11 11:05:47 · 1346 阅读 · 0 评论 -
JavaScript 图片滚动（绝对酷）
关注我的微信公众号:D929088 或者加入 QQ群459842291原创 2016-07-11 11:04:12 · 321 阅读 · 0 评论 -
CSS制作的类似相册浏览的功能
关注我的微信公众号:D929088 或者加入 QQ群459842291原创 2016-07-11 11:01:01 · 329 阅读 · 0 评论 -
根据鼠标放上切换内容制作的图片导航
鼠标放上切换内容a img{border:none;}.imdiv{float:left;}.imdiv img{FILTER: Alpha(Opacity=0);}--> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100原创 2016-07-11 11:21:33 · 348 阅读 · 0 评论 -
浮动的图片广告
浮动的图片广告 var imagepath="/jscss/demoimg/logo_demo1.gif" var imagewidth=100;var imageheight=89;var speed=6; var imageclick="http://www.youkuaiyun.com/"; //广告图片链接 var hideafter=0; var isie=0原创 2016-07-11 11:21:10 · 249 阅读 · 0 评论 -
仿265网站LOGO，会盯着你看的眼睛
仿265网站Logoif ((document.getElementById) && window.addEventListener || window.attachEvent){(function(){var e_img = new Image();e_img.src = "eye.gif"; var p_img = new Image();p_img.原创 2016-07-11 11:20:46 · 272 阅读 · 0 评论 -
web前端知识体系大全
1. 前言 大约在几个月之前，让我看完了《webkit技术内幕》这本书的时候，突然有了一个想法。想把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。 拖了好几个月了，但是由于近期将要参加的某一个活动，我不得不这两天把这个东西整出来。说干就干。原创 2016-07-08 09:37:32 · 488 阅读 · 0 评论 -
艺术品交易平台需求设计文档
需要 文档的 可以加我QQ群 福建IT第一门户 459842291原创 2016-07-08 09:41:44 · 2760 阅读 · 0 评论 -
CSS+JS滚动图片功能代码
CSS+JS滚动图片功能代码TD {FONT-SIZE: 12px;BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING原创 2016-07-08 10:15:27 · 413 阅读 · 0 评论 -
CSS强制等比例缩小图片
css等比例缩小图片body {text-align: center;margin: 20px auto;padding: 0px;font-size:14px;color:red}#pic{ margin:5px auto; width:500px; padding:0; border:1px solid #333; }原创 2016-07-08 10:17:55 · 1306 阅读 · 0 评论 -
好惠享产品需求规格说明书
= 好惠享购物平台需求规格说明书 福州优扬数据科技有限公司编号：项目编号-A01-版本号 文件状态： [√]草稿 [ ] 正式发布 [ ] 正在修改 文件标识： 当前版本：原创 2016-07-08 10:25:23 · 929 阅读 · 0 评论 -
Web标准设计-小苏
需要 这边书的 电子文档 可以加我 微信号D929088 。原创 2016-07-08 12:43:07 · 572 阅读 · 0 评论 -
CSS完成神奇创意的相框
CSS完成神奇创意的相框*{text-align:center;border:0;list-style:none;}body{font-size:12px;font-family:Tahoma, Geneva, sans-serif;background:#000;}.photo{width:404px;margin:0 auto;bor原创 2016-07-11 11:00:23 · 1410 阅读 · 1 评论 -
纯CSS实现鼠标移上图片添加阴影效果
CSS给图片添加阴影*{padding:0;margin:0;}body{background:#E8EDF1;padding:20px;}#profileAvatar {overflow:hidden;zoom:1;}#profileAvatar i{float:left;visibility:hidden;background:url(/jscss/demoimg/2009原创 2016-07-11 11:18:51 · 4794 阅读 · 0 评论 -
从两侧向中间拼合的JavaScript图片切换效果
从两侧向中间拼合的JavaScript图片切换效果.d1{width:444px;height:auto;overflow:hidden;border:#666666 2px solid;background-color:#000000;position:relative;}.left{width:222px;height:209px;overflow:hidden;position:原创 2016-07-11 11:19:29 · 267 阅读 · 0 评论 -
亮丽的JS图片渐变导航
亮丽的JS图片渐变导航nereidFadeObjects = new Object();nereidFadeTimers = new Object();function nereidFade(object, destOp, rate, delta){if (!document.all)return if (object != "[object]"){ setTim原创 2016-07-11 11:24:42 · 279 阅读 · 0 评论 -
美化过的匀速图片滚动
美化过的匀速图片滚动P {MARGIN: 20px}.table-left-right {BORDER-LEFT: #E7E7E7 1px solid;BORDER-RIGHT: #E7E7E7 1px solid;}TD {font-size: 12px;}.hangju {line-height: 20px;word-spacing:原创 2016-07-11 11:25:37 · 227 阅读 · 0 评论 -
平滑图片滚动
JavaScript封装的平滑图片滚动body{ font-size:12px; color:#333;}#picBox{width:610px; height:205px; margin:50px auto; overflow:hidden; position:relative;}#picBox ul#show_pic{ margin:0; padding:0; list-sty原创 2016-07-11 11:26:04 · 252 阅读 · 0 评论 -
前后轮翻的JS图片幻灯切换
前后轮翻的JS图片幻灯切换img{border:0;}.bannerImage{margin-left:200px;margin-top:50px;border:1px solid #f60;width:452px;height:346px;position:relative; overflow:hidden;}.bannerImage p{font-size:0;displa原创 2016-07-11 11:26:26 · 288 阅读 · 0 评论 -
清爽简洁的图片交替导航效果
清爽简洁的图片交替导航效果img{border:0px}.chinaz{width:380px;height:60px}#page_left_1 {WIDTH: 378px; }#page_left_2 {WIDTH: 380px}#page_left_2_1 {FONT-WEIGHT: normal; FLOAT: left; BACKGROUND-IMAGE: url(原创 2016-07-11 11:26:49 · 290 阅读 · 0 评论 -
鼠标放到图片上会滑出提示文字
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">滑动提示*{margin:0;padding:0;font-size:12px}ul,ol{list-style-type:none}#show{background:white;height:180px;width:180px;position:re原创 2016-07-11 11:27:20 · 4811 阅读 · 0 评论 -
鼠标滑过,缩略图放大显示（纯CSS）
鼠标滑过,缩略图放大显示* {margin:0;padding:0;}img {border:0}#imgmove li {float:left; width:50px; height:40px; display:block; overflow:visible;*overflow:hidden; margin:0px 5px; border:3px #333 solid; po原创 2016-07-11 11:27:47 · 1972 阅读 · 0 评论 -
鼠标经过图片时显示半透明文字，边框变色
鼠标经过图片时出现半透明文字body{background:#333}img{border:none}.wrap{margin:10px;position:relative;}.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}.photo a:hover{border:1px原创 2016-07-11 11:28:09 · 2548 阅读 · 0 评论 -
鼠标经过图片由灰色变彩色
CSS 图片由灰色变彩色*{margin:0;padding:0;}img{border:0;}#container{margin:20px auto;width:960px;overflow:hidden;}#frmsearch{margin:0 auto;width:345px;height:142px;overflow:hidden;}#frmsearch h2{ma原创 2016-07-11 11:29:27 · 1008 阅读 · 0 评论 -
自写Js+CSS轮显效果
JS图片轮显切换*{ margin:0; padding:0}#wapper{ position:relative;height:280px; width:316px; overflow:hidden}#slideshow{width:316px; height:300px; overflow:hidden; position:relative;}#imglist{width:原创 2016-07-11 11:29:57 · 863 阅读 · 0 评论 -
可控的纵向图片滚动
可控的纵向图片滚动function up(){var iup=demo.scrollTop;var iup1=demo.scrollTop;while (iup>iup1-210) {iup=iup-5;demo.scrollTop=iup;}}function down(){var iup=demo.scrollTop;var iup1=demo.sc原创 2016-07-11 11:24:14 · 375 阅读 · 0 评论 -
很有意思的图片分裂复制效果
很有意思的图片分裂效果html {overflow: hidden;}body {position: absolute;width: 100%;height: 100%;}.img{position:absolute;cursor: pointer;left: 0%;top: 0%;width: 100%;height: 100%原创 2016-07-11 11:22:34 · 669 阅读 · 0 评论 -
禁止在图片上使用右键
禁止在图片上使用右键var clickmessage="无法完成操作!"function disableclick(e) {if (document.all) {if (event.button==2||event.button==3) {if (event.srcElement.tagName=="IMG"){alert(clickmessage);return原创 2016-07-11 11:23:07 · 340 阅读 · 0 评论 -
大幅JS焦点图切换
NBA大幅焦点图切换#fours_m{z-index:-10; width:430px; height:382px; background:#053783 url(/jscss/demoimg/200909/fours_bj.gif) repeat-x 0 bottom;}#f_img_roll{float:left;width:350px; height:300px; positio原创 2016-07-11 11:19:53 · 578 阅读 · 0 评论