lizhenqiu blog

//摇一摇部分
        var SHAKE_THRESHOLD = 800;// 首先，定义一个摇动的阀值
        var last_update = 0;
        var last_time = 0;
        var x;
        var y;
        var z;
        var last_x;
        var last_y;
        var last_z;
        var sound = new Howl({ urls: ['/yaoyiyao/sound/shake_sound.mp3'] }).load();
        //var findsound = new Howl({ urls: ['/yaoyiyao/sound/shake_match.mp3'] }).load();
        var curTime;
        var isShakeble = true; 

        function init() {
            if (window.DeviceMotionEvent) {
                window.addEventListener('devicemotion', deviceMotionHandler, false);
            } else {
                //$("#cantshake").show();
				alert('本设备不支持摇一摇!');
            }
        }

        function deviceMotionHandler(eventData) {
            curTime = new Date().getTime();
            var diffTime = curTime - last_update;
            if (diffTime > 100) {
                var acceleration = eventData.accelerationIncludingGravity;
                last_update = curTime;
                x = acceleration.x;
                y = acceleration.y;
                z = acceleration.z;
                var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;

                if (speed > SHAKE_THRESHOLD && curTime - last_time > 500 && isShakeble) {
					// && $("#loading").attr('class') == "loading"
					window.clearTimeout(tmid); 
                    shake();
                }
                last_x = x;
                last_y = y;
                last_z = z;
            }
        }
		var newnumm=0,tmid,ssfsdfsdf=0;
        function shake() {
            last_time = curTime;
            //$("#loading").attr('class','loading loading-show');
					tmid=setTimeout(function(){
						if(newnumm){
							puttt(newnumm);
							newnumm=0;
							ssfsdfsdf++;
							$('#ssfsdfsdf').text(ssfsdfsdf);
							$("#shakeup").stop(true,true);
							$("#shakedown").stop(true,true);
						}
						//console.log(newnumm);
					},1600);
					newnumm++;
            $("#shakeup").animate({ top: "10%" }, 700, function () {
                $("#shakeup").animate({ top: "25%" }, 700, function () {
                    //$("#loading").attr('class','loading');

					//console.log(newnumm);
                    //findsound.play();
                    /*myDialog.alert('恭喜你，中奖了');*/
                });
            });
			sound.play();
            $("#shakedown").animate({ top: "40%" }, 700, function () {
                $("#shakedown").animate({ top: "25%" }, 700, function () {
                });
            });
            
        }
		
		//各种初始化
        $(document).ready(function () {
            Howler.iOSAutoEnable = false;
				//$('#container').trigger("click");
				//document.getElementById("container").click();
			//Howler.mobileAutoEnable = true;
            //FastClick.attach(document.body);
            init();
        });
		

//yaoyiyao
	function yaoyiyao(){
		session('yaoyiyaotoken',null);
		$allinfo=getWeixinUserInfo(get_openid(),get_token());
		//$allinfo=array('openid'=>'okKYm1QwHgKb_wGI222l262','nickname'=>'发大水法');
		
		//dump($allinfo);exit;
		$mapw['oppid']=$allinfo['openid'];//get_openid();
		//$sss=M('yaoyiyao')->where($mapw)->limit(1)->find();
		$sssall=M('yaoyiyao')->order('numm desc')->select();
		foreach($sssall as $sk=>$sv){
				$sssnumbers++;
			if($sv['oppid']==$mapw['oppid']){
				$sss[]=$sv;
				$sssnumber=$sssnumbers;
			}
		}
		$sss=$sss['0'];
		//dump($sss);exit;
		if(!$sss['id']){
			$map['ctime']=time();
			$map['user']=$allinfo['nickname'];;
			$map['numm']=0;
			$map['oppid']=$mapw['oppid'];
			$map['nummsss']=rand(10,99).date('is',time()).rand(100,999);
			$sss['id']=M('yaoyiyao')->where($mapw)->limit(1)->add($map);
		}
			if(!$sss['id']){
				header('Location:/index.php?s=/addon/WeiSite/WeiSite/index.html');
				exit;
			}
			session('yaoyiyaotoken', $value=$sss['id']);
			$this->assign('yaoyiyao_id',$sss['id']);
			$this->assign('sssall',$sssall);
			$nummsss=$map['nummsss'];
			if(!$map['nummsss']) $nummsss=$sss['nummsss'];
			$this->assign('nummsss',$nummsss);
			$this->assign('sssnumber',($sssnumber+0));
			$this->assign('nickname',$allinfo['nickname']);
			$this->assign('nummm',($sss['numm']+0));
		$configyaoyiyy=getAddonConfig('Yaoyiyao');
		$this->assign('configyaoyiyy',$configyaoyiyy);
		//活动开始时间
		$starttime=strtotime($configyaoyiyy['start']);
		//活动结束时间
		$endndtime=strtotime($configyaoyiyy['end']);
		$timesss=time();
		
		$yyhtmo='yaoyiyao';
		//活动未开始
		if($starttime>$timesss){
			$yyhtmo='yaoyiyaonostart';
		}
		//活动已经结束
		if($endndtime<$timesss){
			$yyhtmo='yaoyiyaonoend';
		}
		if(!$configyaoyiyy['random']) $yyhtmo='yaoyiyaoclose'; //关闭
			
		$this->display(ONETHINK_ADDON_PATH . 'WeiSite/View/default/TemplateIndex/' . $this->config ['template_index'] . '/'.$yyhtmo.'.html');
		
	}
	//摇一摇录入
	function yaoyiyaoiner(){
		//session_start();
		$mapw['id']=$_POST['yaoyiyao_id'];
		if(session('yaoyiyaotoken')!=$mapw['id']) exit(0);//验证是否摇一摇页面
		
		
		//$map['ctime']=time();
		//$mapw['user']='test';
		$map['numm']=array('exp','numm+'.($_POST['nnumm']+0));
		M('yaoyiyao')->where($mapw)->limit(1)->save($map);
		$sssall=M('yaoyiyao')->order('numm desc')->select();
		foreach($sssall as $sk=>$sv){
				$sssnumbers++;
			if($sv['id']==$mapw['id']){
				$sss[]=$sv;
				$sssnumber=$sssnumbers;
			}
		}
		$sss=$sss['0'];
			$this->assign('sssnumber',($sssnumber+0));
			$this->assign('nickname',$sss['user']);
			$this->assign('nummm',($sss['numm']+0));
			$this->assign('nummsss',$sss['nummsss']);
		$this->assign('sssall',$sssall);
		$this->display(ONETHINK_ADDON_PATH . 'WeiSite/View/default/TemplateIndex/' . $this->config ['template_index'] . '/yaoyiyaosssall.html');
	}

<extend name="Base/common" />
<block name="body">
<script src="/yaoyiyao/laydate/laydate.js"></script>
<div class="span9 page_message">
	<section id="contents">
      <include file="Addons/_nav" />
      
      <div class="tab-content has-weixinpreivew"> 
      
        <form action="{:U('config')}" class="form-horizontal fl" method="post">
            <empty name="custom_config">
                <foreach name="data['config']" item="form" key="o_key">
                    <div class="form-item cf">
                        <label class="item-label">
                            {$form.title|default=''}
                            <present name="form.tip">
                                <span class="check-tips">{$form.tip}</span>
                            </present>
                        </label>
                            <switch name="form.type">
                                <case value="text">
                                <div class="controls">
                                    <input id="cardName{$o_key}" type="text" name="config[{$o_key}]" class="text input-large" value="{$form.value}">
                                </div>
                                </case>
                                <case value="password">
                                <div class="controls">
                                    <input type="password" name="config[{$o_key}]" class="text input-large" value="{$form.value}">
                                </div>
                                </case>
                                <case value="hidden">
                                    <input type="hidden" name="config[{$o_key}]" id="hidden_{$o_key}" value="{$form.value}">
                                </case>
                                <case value="radio">
                                <div class="controls">
                                    <foreach name="form.options" item="opt" key="opt_k">
                                        <label class="radio">
                                            <input type="radio" name="config[{$o_key}]" value="{$opt_k}" <eq name="form.value" value="$opt_k"> checked</eq>>{$opt}
                                        </label>
                                    </foreach>
                                </div>
                                </case>
                                <case value="checkbox">
                                <div class="controls">
                                    <foreach name="form.options" item="opt" key="opt_k">
                                        <label class="checkbox">
                                            <php>
                                                is_null($form["value"]) && $form["value"] = array();
                                            </php>
                                            <input type="checkbox" name="config[{$o_key}][]" value="{$opt_k}" <in name="opt_k" value="$form.value"> checked</in>>{$opt}
                                        </label>
                                    </foreach>
                                </div>
                                </case>
                                <case value="select">
                                <div class="controls">
                                    <select name="config[{$o_key}]" id="select_{$o_key}">
                                        <foreach name="form.options" item="opt" key="opt_k">
                                            <option value="{$opt_k}" <eq name="form.value" value="$opt_k"> selected</eq>>{$opt}</option>
                                        </foreach>
                                    </select>
                                </div>
                                <if condition="$o_key=='background'">
                                 <!-- 自定义上传背景 -->
                                <div class="controls uploadrow" id="uploadControls" style="display:none">
                                    <input type="file" id="upload_picture_bg">
                                    <input type="hidden" name="config[bg]" id="cover_id_bg"/>
                                    <div class="upload-img-box" rel='img'>
                                      <notempty name="data[bg]">
                                        <div class="upload-pre-item"><img width="120" height="120" src="__ROOT__{$data[bg]|get_cover='path'}"/></div>
                                      </notempty>
                                    </div>
                                  </div>
                                  <script type="text/javascript">
                                        //上传图片
                                        /* 初始化上传插件 */
                                        $("#upload_picture_bg").uploadify({
                                            "height"          : 120,
                                            "swf"             : "__STATIC__/uploadify/uploadify.swf",
                                            "fileObjName"     : "download",
                                            "buttonText"      : "上传卡片图片",
                                            "uploader"        : "{:U('home/File/uploadPicture',array('session_id'=>session_id()))}",
                                            "width"           : 120,
                                            'removeTimeout'	  : 1,
                                            'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
                                            "onUploadSuccess" : uploadPicturebg
                                        });
                                        function uploadPicturebg(file, data){
                                            var data = $.parseJSON(data);
                                            var src = '';
                                            if(data.status){
                                                $("#cover_id_bg").val(data.id);
                                                src = data.url || '__ROOT__' + data.path;
                                                $('#cardBg').attr("href",src);
                                                $('#cardBgImg').attr("src",src);
												 $("#cover_id_bg").parent().find('.upload-img-box').html(
                                                '<div class="upload-pre-item"><img width="120" height="120" src="' + src + '"/></div>'
                                            );
                                            } else {
                                                updateAlert(data.info);
                                                setTimeout(function(){
                                                    $('#top-alert').find('button').click();
                                                    $(that).removeClass('disabled').prop('disabled',false);
                                                },1500);
                                            }
                                        }
                                </script> 
                                </if>
                                </case>
                               
                                <case value="textarea">
                                <div class="controls">
                                    <label class="textarea input-large">
                                        <textarea name="config[{$o_key}]">{$form.value}</textarea>
                                    </label>
                                </div>
                                </case>
                                
                            </switch>
                        </div>
                </foreach>
            <else />
                <present name="custom_config">
                    {$custom_config}
                </present>
            </empty>
            <input type="hidden" name="id" value="{$data.id}" readonly>
            <button type="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 定</button>
            
        </form>
        <!--<div class="card_preview fr">
      		<a id="cardBg" href="{:ADDON_PUBLIC_PATH}/card_bg_1.png" target="_blank"><img id="cardBgImg" src="{:ADDON_PUBLIC_PATH}/card_bg_1.png" width="100%" height="100%"></a>
            <span class="card_num" id="cardNumber">NO. 80001</span>
            <span class="card_name"></span>
       </div>-->
      </div>
    </section>
 </div>
</block>

<block name="script">
<script type="text/javascript" charset="utf-8">
	//导航高亮
    $('.side-sub-menu').find('a[href="{:U('Addons/index')}"]').closest('li').addClass('current');
    if($('ul.tab-nav').length){
    	$('.btn-return').hide();
    }
	$(function(){
		showTab();
		$('#select_background').change(function(){
				if($(this).val()==11){
					$('#uploadControls').show();
				}else{
					var cardBgUrl = '{:ADDON_PUBLIC_PATH}/card_bg_'+$(this).val()+".png";
					$('#cardBg').attr("href",cardBgUrl);
					$('#cardBgImg').attr("src",cardBgUrl);
					$('#uploadControls').hide();
				}
		});
		$('#select_length').change(function(){
			var val = 'NO. '+$(this).val();
			$('#cardNumber').html(val);
		});		
		$('#cardName').keyup(function(){
			$('.card_name').html($(this).val());
		})
		
		//初始化
		$('.card_name').html($('#cardName').val());
		$('#cardNumber').html('NO. '+$('#select_length').val());
		if($('#select_background').val()==11){
			$('#uploadControls').show();
			var cardBgUrl = $("#hidden_background_custom").val();
		}else{
			var cardBgUrl = '{:ADDON_PUBLIC_PATH}/card_bg_'+$('#select_background').val()+".png";

		}	
		$('#cardBg').attr("href",cardBgUrl);
		$('#cardBgImg').attr("src",cardBgUrl);	
	})
</script>



<script>
var start = {
  elem: '#cardNamestart',
  format: 'YYYY/MM/DD hh:mm:ss',
  /*min: laydate.now(), //设定最小日期为当前日期
  max: '2099-06-16 23:59:59', //最大日期*/
  istime: true,
  istoday: false,
  choose: function(datas){
     end.min = datas; //开始日选好后，重置结束日的最小日期
     end.start = datas //将结束日的初始值设定为开始日
  }
};
var end = {
  elem: '#cardNameend',
  format: 'YYYY/MM/DD hh:mm:ss',
  min: laydate.now(),
  max: '2099-06-16 23:59:59',
  istime: true,
  istoday: false,
  choose: function(datas){
    start.max = datas; //结束日选好后，重置开始日的最大日期
  }
};
laydate(start);
laydate(end);
</script>










</block>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
    </head>
    <style type="text/css">
    	*{
    		margin:0;
    		padding:0;
    		text-align: center;
    	}
    	.nav_tab{
    		margin:20px auto;
    		display: inline-block;
    	}
        .nav_tab_text{
            overflow:hidden;
        }
    	.nav_tab_text span{
            float: left;
    		color: #ccc;
    		margin-right: 10px;
            cursor: pointer;
    	}
    	.nav_tab .nav_tab_sub{
    		width: 100%;
    		height: 2px;
    		margin-top: 5px;
            position: relative;
    	}
    	.nav_tab .nav_tab_sub span{
    		width: 20px;
    		height: 2px;
    		background-color: orange;
    		float: left;
    		display: block;
            position: absolute;
            top:0px;
    	}
        .Black{
            color:#333 !important;
        }
    </style>
    <body>
    	<div class="nav_tab">
    		<div class="nav_tab_text">
    			<span class="Black">Following</span>
    			<span>Hot</span>
                <span>Hot1</span>
                <span>Hot2</span>
                <span>FllowingHot</span>
    		</div>
    		<p class="nav_tab_sub"><span></span></p>
    	</div>
    	<script type="text/javascript">
        $(function(){
            //初始化函数
            var init_width = $('.nav_tab_text span').eq(0).width();
            $('.nav_tab_sub span').css('left',init_width/2-10 + 'px');
            $('.nav_tab_text span').click(function(){
                var i = $(this).index();
                setTimeout(function(){
                 $('.nav_tab_text span').eq(i).addClass('Black').siblings('span').removeClass('Black');
                },500)
                /*移动元素的left值*/
                var _SubEle_P_l =parseInt($('.nav_tab_sub span').css('left'));
                /*点击元素的宽度*/
                var _Width = $(this).width();
                //点击元素距离可视窗口的距离
                var _ClickEle_l = $(this).offset().left;
                //移动元素距离可视窗口的距离
                var _SubEle_l = $('.nav_tab_sub span').offset().left;
                //点击元素和移动元素的距离差
                var difference_v =parseInt(_ClickEle_l - _SubEle_l);
                //值大于 0 向左移动，小于 0 向右移动
                if (difference_v>0) {
                    $('.nav_tab_sub span').animate({'width': difference_v + _Width/2 + 10 + 'px'},200);
                    $('.nav_tab_sub span').animate({'left': _SubEle_P_l + difference_v + _Width/2-10 + 'px','width': '20px'},200);
                }else{
                    $('.nav_tab_sub span').animate({'width': -difference_v - _Width/2 + 10 + 'px','left': _SubEle_P_l + difference_v + _Width/2-10 + 'px'},200);
                    $('.nav_tab_sub span').animate({'width': '20px'},200);
                }
            })
        })
    	</script>
    </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		*{ list-style-type: none; margin: 0; padding: 0; }
		.demo{
			height: 40px;
			width: 1000px;
			margin: 100px auto;
			position: relative;

		}
		.demo li{ float: left;  background: #eee; }
		.demo li a{ width: 200px; display: block;height: 40px; line-height: 40px;  }
		.demo li a .c{ position: absolute; z-index: 2; text-align: center; width: 200px; color: #333;}
		.demo li a .b{ 
			position: absolute; bottom: 0px; 
			-webkit-transition: all 1s ; 
			-o-transition: all 1s ;
			transition: all 1s ; 
			width: 200px; display: block;
			height: 0px;
			z-index: 1;
			}
		.demo li a:hover .b{ background: #f00; height: 40px;  }
		/* .demo .current{ background: #f00; } 
		.demo .current ul{ display: none; position: absolute; top: 40px; } */

	</style>
</head>
<body>
	<div class="demo">
		<ul>
			<li>
				<a href="#">
					<p class="c">lizhenqiu.com</p>
					<p class="b"></p>
				</a>
				<ul>
					<li>1</li>
				</ul>
			</li>
			<li>
				<a href="#">
					<p class="c">lizhenqiu.com</p>
					<p class="b"></p>
				</a>
			</li>
		</ul>
	</div>
</body>
</html>