最新评论 - 第 36 页

广西南宁市 2018-02-02 00:00

#0

阅读 34.7万

2018年的第一次清零

人生三部必看电影《朋友的妈妈》《年轻的嫂子》《同居了嫂子》

广西南宁市2018-02-03 14:18:20

这人我见过，走得很安祥，没有留下遗嘱。那天风很大，火也很旺，家属很坚强，没流眼泪。有的还在笑。全村人都去了，饭菜还不错。就是他，现在全村人都在他家吃饭，明天就扛上山了，家人没有哭都很坚强，还有一个没忍住笑了，他爹都说活该，大家还说要在他坟头跳了一首c哩c哩，可热闹了。

广西南宁市2018-02-07 14:22:38

现在的人根本没有名垂青史的慨念了，只想的是怎么疯狂捞钱

广西南宁市2018-02-07 14:27:13

逆境之于强者，总是契机。

查看文章跳到评论

广西南宁市 2018-02-01 10:00

#0

阅读 34.7万

2018年的第一次清零

LOVE U ,BUT MORE THAN I COULD SAY IT .LET IT BE.
🤔

广西南宁市2018-02-01 11:38:57

自从“野食蛮族”广东，到“险诈诡乡”河南，终于“枯萎之土”东北也加入豪华套餐了～

广西南宁市2018-02-01 11:42:42

广西南宁市2018-02-01 11:42:55

广西南宁市2018-02-01 11:54:06

我小学开始看毛片，但是却初中才知道几个洞，大学才开始撸管。。

广西南宁市2018-02-01 11:58:57

贪晚蓝月，介是你没见过的船新版板。19：48分，不要错过。

广西南宁市2018-02-01 12:00:57

查看文章跳到评论

广西南宁市 2018-01-31 17:13

#0

阅读 84.1万

中等收入陷阱

🤔🥳😬👏穷不过要饭，不死总有出头日。

广西南宁市2018-02-01 10:47:21

自杀要在家警察也想放假

广西南宁市2018-02-01 11:07:50

一看老哥就是读书人，文章结构清晰，主题明确，举例说明毒狗是石乐志，同时也说明亲戚的钱不好挣，表达了对当代中国现状的忧虑，实有一颗高尚的心，让读者为之感慨万千，作为祖国的花朵，我们应该团结一致，打倒帝国主义，打倒反动派，解放全中国。我的演讲完毕，谢谢各位老哥。

广西南宁市2018-02-08 14:29:22

总而言之：相貌还是不应该如此的。”

广西南宁市2018-02-08 15:04:57

制度自信和文化自信与其说是成功的原因，不如说是成功的结果。不必时时在意别人一时的看法，多数人的观念是先入为主的，而且排斥自己不了解的事物，更重要的是大趋势，毕竟经济基础决定上层建筑，未来是胜利者的。

广西南宁市2018-02-08 15:05:08

人家是优雅的出招，你却拼尽全力。举重若轻的背后是绝对的实力、自信。

广西南宁市2018-02-09 18:10:45

上高中老师说一个学校不算群落，解释说因为没有死亡率和出生率…
也许某些学校是有的…

查看文章跳到评论

广西南宁市 2018-01-31 00:28

#0

阅读 40.3万

鼠标图片放大插件-JQUERY ZOOM

模仿微信相册图片放大
点击图片放大缩放
弹出层
相册

<!--zoom img-->
<style>
#newBridge{
z-index: 2147483645!important;
}
#zoomimgggxxxlll{
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 2147483646;
	display:none;
}
.layui-layer, .layui-layer-shade{
z-index: 2147483647!important;
}
</style>
<div id="zoomimgggxxxlll" onclick="layer.closeAll();$('#zoomimgggxxxlll').hide();"></div>
<script src="/layer/layer.js"></script>
<script type="text/javascript" src="/m/js/pinchzoom.js?1"></script>

<script>
$(function () {
	$('.layui-layer-content').each(function () {
		new RTP.PinchZoom($(this), {});
	});
})


$(document).ready(function(){
  $(".cnnn img").click(function(){
		layer.closeAll();
		$('#zoomimgggxxxlll').show();
		var srccc=$(this).attr('src');
		srccc='<img onclick="layer.closeAll();$(\'#zoomimgggxxxlll\').hide();" src="'+srccc+'" style="max-width:100%;max-height:100%;"/>'
		//alert(srccc);
		//页面层
		layer.open({
		  type: 1,scrollbar: false,
		  title: false,
		  closeBtn: 0,
		  shade: 0,
		  //area: ['100%', '100%'],
		  content: srccc
		});
		
	$('.layui-layer-content').each(function () {
		new RTP.PinchZoom($(this), {});
	});
		
		
  });
  /*$(".layui-layer-content img").on("click",function(){
  //$(".layui-layer-content img").click(function(){
		layer.closeAll();
  });*/
  
  
  });
</script>
<!--end-->

广西南宁市2018-01-31 00:32:46

附件下载

广西南宁市2018-01-31 00:33:31

图片缩放大

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Pinchzoom.js Demo</title>

    <style type="text/css">
        div.pinch-zoom,
        div.pinch-zoom img{
            width: 100%;
            -webkit-user-drag: none;
        }

    </style>
    <link rel="stylesheet" href="style.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- pinchzoom requires: jquery -->
    <script type="text/javascript" src="../dependencies/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../src/pinchzoom.js"></script>
    <script type="text/javascript">
        $(function () {
            $('div.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });
        })
    </script>
</head>
<body>

    <div class="page">
        <div class="pinch-zoom">
            <div class="description">
                <h1>Pinchzoom.js</h1>
                <p>
                    Multi-touch zoom in Javascript
                </p>
            </div>
            <img src="frog.jpg"/>
           
        </div>
    </div>

</body>
</html>

-webkit-user-drag

广西南宁市2018-01-31 00:34:41

jQuery动画出现连续触发、滞后反复执行的解决方法

//语法结构 
$("#div").stop();//停止当前动画，继续下一个动画 
$("#div").stop(true);//清除元素的所有动画 
$("#div").stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$("#div").stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态

$("#div").stop().animate({width:"100px"},100);

广西南宁市2018-01-31 10:59:47

修复uc等浏览器图片max不显示问题

area: ['100%'],

加加载层，会导致点击遮罩层不能关闭bug

//layer.load(1);

广西南宁市2018-01-31 11:52:58

修复有点击a标签链接图片不放大

if($(this).parent('a').length) return true;//修复链接图片也放大

查看文章跳到评论

广西南宁市 2018-01-30 11:04

#0

阅读 2223万

@意见反馈/技术支持/伊网/安企网

查看文章跳到评论

广西南宁市 2018-01-29 14:31

#0

阅读 37.8万

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

查看文章跳到评论

广西南宁市 2018-01-26 11:56

#0

阅读 2804.8万

常用html、demo代码

//js 创建cookie
function xlmsetCookie(c_name,value,expiredays){
	var exdate=new Date()
	exdate.setDate(exdate.getDate()+expiredays)
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+";path=/"; //js cookie根目录
}

//js 获取cookie
function xlmgetCookie(c_name){
	if (document.cookie.length>0)
	  {
	  c_start=document.cookie.indexOf(c_name + "=")
	  if (c_start!=-1)
		{ 
		c_start=c_start + c_name.length+1 
		c_end=document.cookie.indexOf(";",c_start)
		if (c_end==-1) c_end=document.cookie.length
		return unescape(document.cookie.substring(c_start,c_end))
		} 
	  }
	return ""
}

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 
    c_end=document.cookie.indexOf(";",c_start)
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
    } 
  }
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}

function checkCookie()
{
username=getCookie('username')
if (username!=null && username!="")
  {alert('Welcome again '+username+'!')}
else 
  {
  username=prompt('Please enter your name:',"")
  if (username!=null && username!="")
    {
    setCookie('username',username,365)
    }
  }
}
</script>
</head>

<body onLoad="checkCookie()">
</body>
</html>

查看文章跳到评论

广西南宁市 2018-01-25 09:43

#0

阅读 37.8万

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

一流的企业，和不入流的企业，区别很大，一个不入流的企业怎么想扣员工的钱，经营理念不一样，

查看文章跳到评论

广西南宁市 2018-01-25 03:16

#0

阅读 2223万

@意见反馈/技术支持/伊网/安企网

搜索输入框点击空白不能自动隐藏小键盘

查看文章跳到评论

广西南宁市 2018-01-25 00:35

#0

阅读 2804.8万

常用html、demo代码

thinkphp or 复合查询组合查找 and 条件查询 like

$where['name']  = array('like', '%thinkphp%');
$where['title']  = array('like','%thinkphp%');
$where['_logic'] = 'or';
$map['_complex'] = $where;
$map['id']  = array('gt',1);

查询条件是

( id > 1) AND ( ( name like '%thinkphp%') OR ( title like '%thinkphp%') )

	//获取文章列表
	public function new_list($classname,$cid,$p,$m,$img,$k,$hyid){
		
		
		$where[$classname]=$cid;
		$where['hyfl']=array('like','%,'.$cid.',%');
		$where['_logic'] = 'or';
		$w['_complex'] = $where;
		
		if($img) $w['imgurl']=array('neq','');
		if($k) $w['title']=array('like','%'.$k.'%');
		if($hyid) $w['gz_headeryjhhyy']=$hyid;
		
		$w['displaytype']=1;
		$p=$p+0;
		if($p<0) $p=0;
		$n=$p*$m;
		if($p>0) $n=($p-1)*$m;
		//dump($w);exit;
		$l=M('news')->where($w)->order('com_ok desc,no_order asc,id desc')->limit($n,$m)->select();
	//print_r($l);exit();
		return $l;
	}

查看文章跳到评论

广西南宁市 2018-01-25 00:31

#0

阅读 2804.8万

常用html、demo代码

jquery获取select选中的值

$(".select").change(function(){
     console.log($(this).val())
});
//操作被选中的元素

广西南宁市2018-01-25 00:32:11

JavaScript获得获取input元素value值

<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=myform.name.value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form name="myform">  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="获取" onclick="print()" />  
  </form>    
 </body>  
</html>

<html>  
 <head>  
 <script language="javascript">  
  function print(){  
   var a=document.getElementById("nn").value;  
   alert(a);  
  }  
 </script>  
 </head>  
 <body>  
  <form>  
   <input type="text" name="name" id="nn" />  
   <input type="button" name="button" value="获取" onclick="print()" />  
  </form>    
 </body>  
</html>

查看文章跳到评论

广西南宁市 2018-01-24 15:07

#0

阅读 73.3万

通过A标签唤醒QQ或微信
相关代码：
唤醒QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=&site=1234567890&menu=yes">
唤醒微信：<a href="weixin://" onclick="PIWI_SUBMIT.Weixin_Open()" >
注：唤醒QQ链接中的1234567890换成对应的QQ号即可，如换了后不能正常使用需要步骤：
1、搜索QQ推广进入官网
2、进入推广工具界面
3、开通免费推广，获取下方的代码，替换上对应的QQ即可。

查看文章跳到评论

广西南宁市 2018-01-24 14:43

#0

阅读 2804.8万

常用html、demo代码

Load加载页面
加载页面等待界面 css3

<style>body {
	display:flex;
	font-size:2rem;
	overflow:hidden;
}
.Box {
	position:absolute;
	width:100vw;
	height:100vh;
	background-color:#fff;
	filter:blur(4vmin) contrast(100);
}
.BigCircle,.SmallCircle {
	position:absolute;
	top:50%;
	left:50%;
	background-color:#000;
}
.BigCircle {
	width:30vmin;
	height:30vmin;
	margin:-15vmin;
	border-radius:50%;
}
.SmallCircle {
	width:15vmin;
	height:15vmin;
	margin:-7.5vmin;
	background-color:#000;
	border-radius:50%;
	animation:move 1.5s infinite alternate cubic-bezier(0.18,0,0.26,1);
}
.SmallCircle:nth-child(1) {
	--degree:0deg;
	animation-delay:0s;
	background-color:red;
}
.SmallCircle:nth-child(2) {
	--degree:45deg;
	animation-delay:-0.375s;
	background-color:#ffbf00;
}
.SmallCircle:nth-child(3) {
	--degree:90deg;
	animation-delay:-0.75s;
	background-color:#80ff00;
}
.SmallCircle:nth-child(4) {
	--degree:135deg;
	animation-delay:-1.125s;
	background-color:#00ff40;
}
.SmallCircle:nth-child(5) {
	--degree:180deg;
	animation-delay:-1.5s;
	background-color:cyan;
}
.SmallCircle:nth-child(6) {
	--degree:225deg;
	animation-delay:-1.875s;
	background-color:#0040ff;
}
.SmallCircle:nth-child(7) {
	--degree:270deg;
	animation-delay:-2.25s;
	background-color:#8000ff;
}
.SmallCircle:nth-child(8) {
	--degree:315deg;
	animation-delay:-2.625s;
	background-color:#ff00bf;
}
.SmallCircle:nth-child(9) {
	--degree:360deg;
	animation-delay:-3s;
	background-color:red;
}
@keyframes move {
	0% {
	transform:rotate(var(--degree)) translateY(0);
}
70%,100% {
	transform:rotate(var(--degree)) translateY(-30vmin);
}
}</style><div class="Box">
    <div class="BigCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
    <div class="SmallCircle"></div>
</div>

查看文章跳到评论

广西南宁市 2018-01-24 14:42

#0

阅读 2804.8万

常用html、demo代码

简单的拖拽示例

<span id="span1"></span>
<br><span id="span2"></span><br>
<div id="div1" style="background-color: Green; border: 1px solid red; height: 100px;  
        top: 100px; left: 100px; width: 100px; position: absolute;" onmousedown="mouseDown(this,event)" onmousemove="mouseMove(event)" onmouseup="mouseUp(event)">
</div>
<script>
 var mouseX, mouseY;
 var objX, objY;
 var isDowm = false; //是否按下鼠标  
 function mouseDown(obj, e) {
     obj.style.cursor = "move";
     objX = div1.style.left;
     objY = div1.style.top;
     mouseX = e.clientX;
     mouseY = e.clientY;
     isDowm = true;
 }

 function mouseMove(e) {
     var div = document.getElementById("div1");
     var x = e.clientX;
     var y = e.clientY;
     if (isDowm) {
         div.style.left = parseInt(objX) + parseInt(x) - parseInt(mouseX) + "px";
         div.style.top = parseInt(objY) + parseInt(y) - parseInt(mouseY) + "px";
         document.getElementById("span1").innerHTML = "x:" + div.style.top + "  " + "y:" + div.style.left;
     }
 }

 function mouseUp(e) {
     if (isDowm) {
         var x = e.clientX;
         var y = e.clientY;
         var div = document.getElementById("div1");
         div.style.left = (parseInt(x) - parseInt(mouseX) + parseInt(objX)) + "px";
         div.style.top = (parseInt(y) - parseInt(mouseY) + parseInt(objY)) + "px";
         document.getElementById("span2").innerHTML = "x:" + div.style.top + "  " + "y:" + div.style.left;
         mouseX = x;
         rewmouseY = y;
         div1.style.cursor = "default";
         isDowm = false;
     }
 }</script>

查看文章跳到评论

广西南宁市 2018-01-24 14:40

#0

阅读 2804.8万

常用html、demo代码

文字代码播放效果滚动上下翻转

<style>body {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #34495e;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 160px;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
  font-size: 35px;
  line-height: 40px;
  color: #ecf0f1;
}
.content__container {
  font-weight: 600;
  overflow: hidden;
  height: 40px;
  padding: 0 40px;
}
.content__container:before {
  content: '[';
  left: 0;
}
.content__container:after {
  content: ']';
  position: absolute;
  right: 0;
}
.content__container:after, .content__container:before {
  position: absolute;
  top: 0;
  color: #16a085;
  font-size: 42px;
  line-height: 40px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.content__container__text {
  display: inline;
  float: left;
  margin: 0;
}
.content__container__list {
  margin-top: 0;
  padding-left: 110px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.content__container__list__item {
  line-height: 40px;
  margin: 0;
}

@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  49.98%,62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
            transform: translate3d(0, -75%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  83.3%,95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 12.66%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  16.66%, 29.32% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
  33.32%,45.98% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  49.98%,62.64% {
    -webkit-transform: translate3d(0, -75%, 0);
            transform: translate3d(0, -75%, 0);
  }
  66.64%,79.3% {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  83.3%,95.96% {
    -webkit-transform: translate3d(0, -25%, 0);
            transform: translate3d(0, -25%, 0);
  }
}
</style>
<div class="content">
  <div class="content__container">
    <p class="content__container__text">
      Hello
    </p>
    
    <ul class="content__container__list">
      <li class="content__container__list__item">world !</li>
      <li class="content__container__list__item">bob !</li>
      <li class="content__container__list__item">users !</li>
      <li class="content__container__list__item">everybody !</li>
    </ul>
  </div>
</div>

查看文章跳到评论

广西南宁市 2018-01-24 14:39

#0

阅读 2804.8万

常用html、demo代码

简单时间选择器

<select name="nian" id="nian"></select>年
<select name="nian" id="yue"></select>月
<select name="nian" id="ri"></select>日
<script>$(function() {
    var mydate = new Date();
    var nian = mydate.getFullYear();
    var yue = mydate.getMonth() + 1;
    for (var i = nian; i > 1900; i--) {
        var html_nian = '<option value="' + i + '">' + i + '</option>';
        $('#nian').append(html_nian);
    }
    for (var ii = 1; ii <= 12; ii++) {
        var html_yue = '<option value="' + ii + '">' + ii + '</option>';
        $('#yue').append(html_yue);
    }
    $('#nian').change(function() {
        my_ri($('#nian').val(), $('#yue').val())
    });
    $('#yue').change(function() {
        my_ri($('#nian').val(), $('#yue').val())
    });
})

function my_ri(n, y, r) {
    if (n > 0 && y > 0) {
        $('#ri').html('');
        var mydate_ri = new Date(n, y, 0);
        var ri = mydate_ri.getDate();
        for (var iii = 1; iii <= ri; iii++) {
            var html_ri = '<option value="' + iii + '">' + iii + '</option>';
            $('#ri').append(html_ri);
        }
        $.each($('#nian').find('option'), function(i) {
            if ($('#nian').find('option').eq(i).attr('value') == n) {
                $('#nian').find('option').eq(i).attr('selected', 'selected')
            }
        })
        $.each($('#yue').find('option'), function(i) {
            if ($('#yue').find('option').eq(i).attr('value') == y) {
                $('#yue').find('option').eq(i).attr('selected', 'selected')
            }
        })
        $.each($('#ri').find('option'), function(i) {
            if ($('#ri').find('option').eq(i).attr('value') == r) {
                $('#ri').find('option').eq(i).attr('selected', 'selected')
            }
        })
    }
}</script>

查看文章跳到评论

广西南宁市 2018-01-24 14:37

#0

阅读 2804.8万

常用html、demo代码

js计算器

<style>#box {
	margin:50px auto;
	padding:2px;
	background-color:#ebebeb;
}
#title {
	text-align:left;
	font-weight:bold;
	font-size:12px;
}
input[type="button"] {
	width:60px;
	height:45px;
	line-height:20px;
	text-align:center;
}
.num {
	border:0px;
	background-color:#fafafa;
}
.symbol {
	background-color:#f3f3f3;
	border:0px;
}
#zhi {
	height:40px;
	width:250px;
	text-align:right;
	border:0px;
	background-color:#ebebeb;
	font-size:30px;
	font-weight:bold;
}
#count {
	height:20px;
	width:250px;
	text-align:right;
	border:0px;
	background-color:#ebebeb;
}
</style><table id="box">
    <tbody><tr id="title">
        <td colspan="4">计算器</td>
    </tr>
    <tr>
        <td colspan="4"><input type="text" id="count"></td>
    </tr>
    <tr>
        <td colspan="4"><input type="text" id="zhi"></td>
    </tr>
    <tr>
        <td><input type="button" id="CE" value="CE" class="symbol" onclick="CE()"></td>
        <td><input type="button" id="C" value="C" class="symbol" onclick="returnToZero()"></td>
        <td><input type="button" id="delete" value="←" class="symbol" onclick="delete1()"></td>
        <td><input type="button" id="except" value="/" class="symbol" onclick="look(this.value)"></td>
    </tr>
    <tr>
        <td><input type="button" id="num7" value="7" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num8" value="8" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num9" value="9" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="cheng" value="*" class="symbol" onclick="look(this.value)"></td>
    </tr>
    <tr>
        <td><input type="button" id="num4" value="4" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num5" value="5" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num6" value="6" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="add" value="+" class="symbol" onclick="look(this.value)"></td>
    </tr>
    <tr>
        <td><input type="button" id="num1" value="1" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num2" value="2" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="num3" value="3" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="minus" value="-" class="symbol" onclick="look(this.value)"></td>
    </tr>
    <tr>
        <td><input type="button" value="±" class="symbol" onclick="contrary()"></td>
        <td><input type="button" id="num0" value="0" class="num" onclick="display(this.value)"></td>
        <td><input type="button" id="point" value="." class="symbol" onclick="look(this.value)"></td>
        <td><input type="button" id="equal" value="=" class="symbol" onclick="start()"></td>
    </tr>
</tbody></table>
<script>
//显示数字
function display(value) {
    var zhi = document.getElementById("zhi");
    var count = document.getElementById("count");
    var countValue = count.value;
    var symbol = countValue.substring(countValue.length - 1);
    var value = value; //点击事件触发放回的value值赋值给变量value
    if (equal == 1) //点击=,*,/,-,+与后,再次点击先归零,再传值
    {
        zhi.value = "";
        zhi.value += value;
        equal = 0;
    } else if (zhi.value == "0") {
        zhi.value = value;
    } else {
        zhi.value += value;
    }


}
//点击+，-，*，时，count的显示
function look(value) {
    var zhi = document.getElementById("zhi");
    var count = document.getElementById("count");
    var value = value;
    count.value += zhi.value + value;
    equal = 1;
}
//计算
function start() {
    var zhi = document.getElementById("zhi");
    var count = document.getElementById("count");
    var value = count.value + zhi.value;
    var return1 = eval("(" + value + ")");
    document.getElementById("count").value = "";
    zhi.value = return1;
    equal = 1;
}
//归零
function returnToZero() {
    document.getElementById("zhi").value = "0";
    document.getElementById("count").value = "";
}
//Backspace
function delete1() {
    var zhi = document.getElementById("zhi");
    var value = zhi.value;
    var return1 = value.substr(0, value.length - 1);
    zhi.value = return1;
}
//CE
function CE() {
    document.getElementById("zhi").value = 0;
}

//contrary取相反数
function contrary() {
    var zhi = document.getElementById("zhi");
    var value = zhi.value;
    zhi.value = parseInt(value * (-1));
}</script>

查看文章跳到评论

广西南宁市 2018-01-24 14:25

#0

阅读 2804.8万

常用html、demo代码

原生js轮播图（原创）

<style>
html,body,div,ul,li {
	padding:0;
	margin:0;
}
ul,li,ol {
	list-style:none;
}
.box {
	position:relative;
	width:600px;
	height:300px;
	margin:20px auto;
}
.picture {
	width:600px;
	height:300px;
	overflow:hidden;
	position:absolute;
}
.picture ul {
	position:absolute;
	width:2400px;
	height:300px;
}
.picture ul li {
	float:left;
	width:600px;
	height:300px;
}
.control {
	position:absolute;
	bottom:0px;
	left:450px;
}
.control li {
	cursor:pointer;
	float:left;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	background:lightblue;
	margin:4px;
	border-radius:5px
}
.control .active {
	background:yellow;
}
</style>
<div class="box" id="box">
    <div class="picture">
        <ul id="picture">
            <li><img src="http://www.jq22.com/img/cs/500x300-1.png" width="600px" height="300px"></li>
            <li><img src="http://www.jq22.com/img/cs/500x300-2.png" width="600px" height="300px"></li>
            <li><img src="http://www.jq22.com/img/cs/500x300-3.png" width="600px" height="300px"></li>
            <li><img src="http://www.jq22.com/img/cs/500x300-1.png" width="600px" height="300px"></li>
        </ul>
    </div>
    <ol class="control" id="control">
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
</div>
<script>
var box = document.getElementById("box");
var picture = document.getElementById("picture").children;
var control = document.getElementById("control").children;
var ul = document.getElementById("picture");

for (var i = 0; i < control.length; i++) {
    control[i].index = i;
    control[i].onclick = function() {
        for (var j = 0; j < control.length; j++) {
            control[j].className = "";
        }
        this.className = "active";
        animate(ul, -this.index * 600, 10);
    }
}


var k = 0;

function autoPlay() {
    k++;
    if (k > control.length) {
        ul.style.left = 0 + "px";
        k = 1;
    }
    animate(ul, -k * 600, 10);

    for (var i = 0; i < control.length; i++) {
        control[i].className = "";
    }
    var index = k % control.length;
    control[index].className = "active";
}

var tim = setInterval(autoPlay, 2000);

box.onmouseover = function() {
    clearInterval(tim);
}

box.onmouseout = function() {
    tim = setInterval(autoPlay, 2000);
}





function animate(ele, target, ms) {

    clearInterval(ele.timer);
    //方便清除本元素上一次的定时器操作
    ele.timer = setInterval(function() {
        //判断目标元素是向左或者向右（）
        var step = ele.offsetLeft < target ? 10 : -10;
        var result = Math.abs(target - ele.offsetLeft);
        /*到动画最后移动步长时*/
        if (result < 10) {
            clearInterval(ele.timer);
            ele.style.left = target + 'px';
        } else {
            //向目标元素发生位移。
            ele.style.left = ele.offsetLeft + step + 'px';
        }
    }, ms);

}
</script>

广西南宁市2018-01-24 14:31:25

CSS3实现无缝轮播

<style>* {
	padding:0;
	margin:0;
	list-style:none;
}
.banner {
	width:640px;
	height:300px;
	overflow:hidden;
	margin:0 auto;
}
.inner {
	width:9999px;
	position:relative;
	animation:aaa 16s infinite 2s running;
}
@keyframes aaa {
	0% {
	transform:translateX(0px);
}
5% {
	transform:translateX(-640px);
}
25% {
	transform:translateX(-640px);
}
30% {
	transform:translateX(-1280px);
}
50% {
	transform:translateX(-1280px);
}
55% {
	transform:translateX(-1920px);
}
75% {
	transform:translateX(-1920px);
}
80% {
	transform:translateX(-2560px);
}
100% {
	transform:translateX(-2560px);
}
}.inner:hover {
	animation-play-state:paused;
	cursor:pointer;
}
.innerwrapper {
	float:left;
	width:640pxpx;
}
.banner img {
	width:640px;
	height:300px;
}
</style>
<div class="banner">
    <div class="inner">
        <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-1.png" alt="banner1"></div>
        <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x300-1.png" alt="banner2"></div>
        <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/300x500-1.png" alt="banner3"></div>
        <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-2.png" alt="banner4"></div>
        <div class="innerwrapper"><img src="http://www.jq22.com/img/cs/500x500-1.png" alt="banner1"></div>
    </div>
</div>

查看文章跳到评论

广西南宁市 2018-01-24 14:23

#0

阅读 2804.8万

常用html、demo代码

跨浏览器检测视窗大小

var winWidth = 0; 
var winHeight = 0; 
function findDimensions() //函数：获取尺寸 
{ 
//获取窗口宽度 
if (window.innerWidth) 
winWidth = window.innerWidth; 
else if ((document.body) && (document.body.clientWidth)) 
winWidth = document.body.clientWidth; 
//获取窗口高度 
if (window.innerHeight) 
winHeight = window.innerHeight; 
else if ((document.body) && (document.body.clientHeight)) 
winHeight = document.body.clientHeight; 
//通过深入Document内部对body进行检测，获取窗口大小 
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) 
{ 
winHeight = document.documentElement.clientHeight; 
winWidth = document.documentElement.clientWidth; 
} 
//结果输出至两个文本框 （在这里对获取到的参数进一步使用）
document.form1.availHeight.value= winHeight; 
document.form1.availWidth.value= winWidth; 
} 
findDimensions(); 
//调用函数，获取数值 
window.onresize=findDimensions;

查看文章跳到评论

广西南宁市 2018-01-24 11:45

#0

阅读 2804.8万

常用html、demo代码

canvas圆圆圈圈的动态效果

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,shrink-to-fit=no" />
  <title> 上下班路上的那一幅静态广告 </title>
  <style>
    .stage{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;width:800px;max-width:100%;border:1px solid #CCC;}
  </style>
 </head>
 <body>
  <canvas class="stage" width="800" height="500"></canvas>
  <script>
    "use strict";
	(function(query){
	    var ARC=0.004,
		    ANGLE=10,
			PI2=Math.PI*2,
			NUM=150,
			VELOCITY=3;

	    function Scene(ctx,width,height){
		   this.ctx=ctx;
		   this.width=width;
		   this.height=height;
		   this.sprites=[];
		   ctx.globalCompositeOperation="lighter";

		   this.render=this.render.bind(this);
		}

		Scene.prototype={
		   add:function(sprite){
		      this.sprites.push(sprite);
		   },
		   render:function(timer){
		      var sprites=this.sprites,ii=sprites.length,i=ii,ctx=this.ctx,w=this.width,h=this.height;
			  
			  ctx.clearRect(0,0,width,height);
		      requestAnimationFrame(this.render);

              while(i){
			    sprites[--i].update(timer,w,h);
			  }
			  for(;i<ii;i++){
			    sprites[i].draw(ctx);
			  }

			  this.make(ii);
		   },
		   start:function(){
		     this.render();
		   },
		   make:function(num){
		      if(num<NUM){
			   var radius=getRadius();
				   num++;
				   this.add(new BallArtist("",-radius,height/2,radius,getColor(),getAngle()));
			  }
		   }
		};

		function Sprite(draw,behaviors){
		   this.draw=draw;
		   this.behaviors=behaviors||[];
		}

		Sprite.prototype.update=function(timer,w,h){
		    var behaviors=this.behaviors,
			    i=0,
				ii=behaviors.length;

			for(;i<ii;i++){
			   behaviors[i].call(this,timer,w,h);
			}
		};

		function BallArtist(name,x,y,radius,color,angle){
		   this.name=name,
		   this.x=x;
		   this.y=y;
		   this.v=Math.random()*VELOCITY+VELOCITY;
		   this.radius=radius;
		   this.color=color;
		   this.angle=angle;
		   this.vr=Math.random()*ARC*(angle>0?1:angle<0?-1:0);
		}

		BallArtist.prototype=new Sprite(function(ctx){
		    ctx.beginPath();
			ctx.fillStyle=this.color;
			ctx.arc(this.x,this.y,this.radius,0,PI2);
			ctx.fill();
		   
		},[function(timer,width,height){
		    if(this.x>width+this.radius || this.y<-this.radius || this.y>height+this.radius){
              var radius=getRadius();
			  this.reset(-radius,height/2,radius,getColor(),getAngle());
			  return;
			}
			this.angle+=this.vr;

			var sin=Math.sin(this.angle),
			    cos=Math.cos(this.angle);
			
			this.x+=cos*this.v;
			this.y+=sin*this.v;
		}]);

		BallArtist.prototype.reset=function(x,y,radius,color,angle){
		   this.x=x;
		   this.y=y;
		   this.v=Math.random()*VELOCITY+VELOCITY;
		   this.radius=radius;
		   this.color=color;
		   this.angle=angle;
		   this.vr=Math.random()*ARC*(angle>0?1:angle<0?-1:0);
		};		

		var cvs=document.querySelector(query),
		    ctx=cvs.getContext("2d"),
			width=cvs.width,
			height=cvs.height,
			num=0,
			scene=new Scene(ctx,width,height),
			color=["hsla(",0,",100%,30%,.8)"],
			angle=Math.PI/180*ANGLE,
			radius;

			function getColor(){
			   color[1]=Math.random()*360;
			   return color.join("");
		    }

			function getAngle(){
			  return Math.random()*angle-(angle/2);
			}

			function getRadius(){
			  return 20*Math.random()+5;
			}


			scene.start();


	})("canvas");
  </script>
 </body>
</html>

查看文章跳到评论

lizhenqiu blog

最新评论聚合

2018年的第一次清零

2018年的第一次清零

中等收入陷阱

鼠标图片放大插件-JQUERY ZOOM

@意见反馈/技术支持/伊网/安企网

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

常用html、demo代码

截止2017年底，从腾讯离职的员工有2万多名，创业项目近1000个

@意见反馈/技术支持/伊网/安企网

常用html、demo代码

常用html、demo代码

安卓苹果手机不同qq客服在线代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码