2016年07月_xlb_123

12月 11月 10月 09月 08月 07月

转载 jQuery事件处理return false与event.preventDefault()

http://blog.csdn.net/a33440521/article/details/9109909event.preventDefault()方法是用于取消事件的默认行为，但此方法并不被ie支持，在ie下需要用window.event.returnValue = false; 来实现。这不是JQuery的方法，是JS本身自带的event.preventDefa

2016-07-27 09:39:36 597

转载 css实现动态进度条

转载自：http://www.tuicool.com/articles/AVRvmqmhtml lang="en">head> meta charset="UTF-8"> title>测试title> style type="text/css"> #progress{ width: 50%; hei

2016-07-25 10:41:19 954

原创 css实现百分比进度条

html lang="en">head> meta charset="UTF-8"> title>测试title> style type="text/css"> .Bar { position: relative; width: 200px; /* 宽度 */ border: 1px solid #B1D632; padding:

2016-07-25 10:33:05 6137

转载 css实现鼠标放到图片旋转效果

html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> .flip-container { perspective: 1000; transform-style: preserve-3d;

2016-07-25 10:19:08 4048

原创 css空箭头的样式

css绘制空心和实心箭头，网上搜到好多实心箭头，很少有空心的，今天整理了一下：实心的箭头比较好写，空心的箭头，要用2个样式去叠加显示，最外层背景是白色的，里面一层的背景色就是箭头的要显示的颜色，通过位移来设置箭头宽度。效果：html代码：html lang="en">head> meta charset="UTF-8"> title>鼠标滑过显示隐藏层title>

2016-07-22 10:39:05 895

转载 js图片轮播可控制是否循环轮播，点击左右按钮切换

一款功能强大的jquery焦点图插件ScrollPic 在线桌面版aPI帮助文档上线啦 11 网站图片抓取精灵-让仿站更轻松

2016-07-21 16:55:55 1222

转载 css设置鼠标放到图片上图片放大效果

div{width: 300px;height: 300px;border: #000 solid 1px;margin: 50px auto;overflow: hidden;}div img{cursor: pointer;transition: all 0.6s;}div img:hover{transform: scale(1.4);}

2016-07-21 16:32:32 4115

转载 css对上传按钮美化

思路就是：input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。选择文件 .file{ position:relative; display:inline-block; background:#D0EEFF;

2016-07-20 11:20:55 423

转载 css图片图片居中显示

测试页面* {padding: 0;margin: 0;}.box {width: 200px;height: 200px;overflow: hidden;border: 2px solid #000;border-radius: 50%;}div.box {background-position: center;backgro

2016-07-20 11:08:05 1120

原创 css鼠标聚焦到文本框去除默认自带蓝色边框

input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; outline: none; box-shadow: none;}

2016-07-18 17:38:52 3181

转载 js图片轮播，可控制中间位置选中状态和左右箭头控制

转载来自：http://sc.chinaz.com/jiaobendemo.aspx?downloadid=292015101516727

2016-07-18 17:35:46 1032

原创 jquery图片轮播，点击左右按钮轮播，可控制是否自动播放，是否循环轮播（自写）

图片轮播，可以点击左右按钮轮播，可以自动轮播，可控制是否循环轮播，可控制是否中间图片选中样式html lang="zh-CN">head> meta charset="UTF-8"> title>测试title> script type="text/javascript" src="jquery-1.9.1.min.js">script>style typ

2016-07-16 18:04:50 4298 1

原创 jquery实现点击div空白处隐藏该div

标签：$(document).bind("click",function(e){ var target = $(e.target); if(target.closest("#div1").length == 0){ $("#div1").hide(); }});

2016-07-12 16:59:55 644

原创 html中map热点使用说明

area id="dongbei" alt="东北" href="" coords="x1,y1,x2,y2" shape="rect">coords参数设置热点区域的范围:如下面说明，中间的按钮就是热点区域的范围

2016-07-12 16:51:42 595

原创 css实现热点地图map,鼠标移到热点弹出层提示框

标签：div class="ConDiv"> img border="0" usemap="#Map" src="images/dt_04.png" /> map name="Map" id="Map"> area id="dongbei" alt="东北" href="" coords="642,92,675,127" shape="rect">

2016-07-12 16:45:48 4851

原创 css实现div背景透明，文字不透明

标签：//透明背景层那谁谁5 //层上显示文字样式：.bg{ position: relative; float: left; top: -76px; width:190px; height: 40px; background: #000; FI

2016-07-12 16:40:09 812

原创 css实现鼠标移动图片上放大效果

标签：div class="new_img gallery cf"> div> a href="">img src="images/new_left.png" >a> div>div>样式：.new_img{ width: 270px; height: 180px; float: left; overflow: hidden;}/*

2016-07-12 16:38:03 3157

原创 jquery实现分页页码

实例源码： a{ color: red; padding-bottom: 10px}.pagelist a{ padding-left: 10px; color: green;}首页尾页 var total=10;//总页数 var num=5;//

2016-07-01 14:48:44 2373

原创 js手机浏览器video标签会一直置顶，遮盖住弹出层问题

手机里面播放视频video时，可能有些需求会要求播放页面弹出遮罩层，来完成一些操作，但是弹出层会被video标签遮盖住，即使设置z-index为无限大也没有用，这个问题调试了好久，后来用的其它方法处理：就是弹出层的时候，先把video给隐藏掉，等关掉弹出层时，再把video显示出来，目前也没遇到更好的方法。。

2016-07-01 13:21:18 20575 14

原创 jquery实现滚动条随着页面高度增加向下滚动

$("html,body").animate({ scrollTop: $(".chat").height() + 30 }, 1000); //1000是ms,也可以用slow代替

2016-07-01 10:53:43 1362

上一页 1/1 下一页var photoimg_str=[{img: 'http://img.oss.shuihulu.com/topic/a224727e07f24c83b41d346e5fe86d41.jpg@600w_1l_95Q'},{img: 'http://img.oss.shuihulu.com/topic/3197a591003e489db0

2016-07-01 10:49:56 4347

原创 js实现访客人数统计

var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) +((expires) ? "; expires=" + expires.toGMTStri

2016-07-01 10:44:52 4886

原创 jsonp跨域调用代码实例

$(document).ready(function () { var postUrl = "/GetRecData.aspx"; $.ajax({ type: "get", url: postUrl, dataType: "jsonp

2016-07-01 10:43:49 415

原创 jquery相关语法实例介绍

(1)事件相关点击事件：$("#AddCart").click(function(){ $("#hidbuyOrAddType").attr("value","1");//设置值 });on添加点击事件：$("p").on("click",function(){alert("The paragraph was clicked.");　})

2016-07-01 10:42:06 347

原创 jquery实现图片延迟加载

js: $(function() { $("img").lazyload({ placeholder : "images/loading.gif", effect: "fadeIn" }); });img a,img{border:0px;}

2016-07-01 10:40:38 511

原创 js解决微信中弹出框提示在菜单中选择“在浏览器中打开地址”

样式： *{margin:0; padding:0;} a{text-decoration: none;} img{max-width: 100%; height: auto;} .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgb

2016-07-01 10:37:33 4835 1