最新评论 - 第 40 页 - lizhenqiu blog

广西河池市宜州市 2018-03-02 16:02

#0

阅读 2806.4万

常用html、demo代码

display: flex; 的兼容问题解决办法

.cardBagMxList {
height: 1.2rem;
display: -webkit-flex; 
display: flex;	
/* for uc */
display: -webkit-box; 
display: -ms-flexbox; /* TWEENER - IE 10 */
}
.cardBagMxList div {
text-align: center;
color: #888888;
font-size: 0.24rem;
padding-top: 0.25rem;
-ms-flex: 1; /* IE 10 */
-webkit-flex: 1; 
flex: 1; 
/* for uc */
-webkit-box-flex: 1; 
-moz-box-flex: 1; 
-ms-flex: 1;
}

查看文章跳到评论

广西河池市宜州市 2018-03-02 12:06

#0

阅读 2230.3万

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

查看文章跳到评论

广西河池市宜州市 2018-03-02 09:59

#0

阅读 57.7万

给未来年轻创业者们

富二代明白，再穷些就一定找不到

广西河池市宜州市2018-03-02 11:14:40

一个渔夫抓到一只美人鱼，然后就把她放了，他的朋友问他
why
他说
how

广西河池市宜州市2018-03-02 16:07:05

你根本不在乎意大利面还够不够，也不在乎40米大刀抽出来再放回去有多难，更不在乎橘子树结果子要多久，你只在乎你自己。

广西河池市宜州市2018-03-03 09:52:29

查看文章跳到评论

广西河池市宜州市 2018-03-02 09:25

#0

阅读 2806.4万

常用html、demo代码

更多评论图标

查看文章跳到评论

广西河池市宜州市 2018-03-01 17:55

#0

阅读 2806.4万

常用html、demo代码

Div里超出部分，省略号显示

1.一行显示并出现省略号

1）三个属性：

 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号；

2）网上张大神想出来的margin-top负值的办法：

<div class="box">
　　　　<div class="wz">文字内容</div>
　　　　<div class="dot">...</div>
</div>

CSS:

.box{
　　　　width:设定宽度；
　　　　height:设定高度；
　　　　overflow:hidden;
　　}
.wz{
　　　　float:left;
　　　　height:设定同样的高度；
　　　　margin-right:这里的大小是给省略号留的空间；
　　}
.dot{
　　　　float:right;
　　　　width:刚才留的空间大小；
　　　　height：设定同样的高度；
　　　　margin-top:与高度一样的值的负数；
　　}

这种方法应该是兼容所有的浏览器。

还有用js或者插件来解决的方法，感觉有点麻烦。

2.两行显示，第二行出现省略号

当文字强制两行显示，并且在第二行才出现省略号。解决办法：

text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;

这个是使用的是-webkit-的私有属性，只有在谷歌浏览器上才能正确显示出来，其它浏览器无效果,多用于手机端。-webkit-line-clamp: 3;就是表示第几行才显示省略号。

查看文章跳到评论

广西河池市宜州市 2018-03-01 17:53

#0

阅读 2806.4万

常用html、demo代码

DIV里面的图片水平与垂直居中的方法

<div class=“box”>
　　<img />
</div>

1.水平居中：

　　1）box设置  text-align:center ;    text-align:center可以实现子元素字体，图片的水平居中。

      2）img设置  margin:0 auto;display:block  ;            margin:0 auto是针对块元素的水平居中方法，所以要加上display：block。

2.垂直居中：

　　1）图片使用padding，用box的高度减去图片的高度再除以2，就是padding-top的值，这样也可以实现图片在div里居中。也可以在设置margin：0 auto时，把0改为刚才padding-top的值也可以。

　　2）

img{
　　　　position:relative;
　　　　top:50%;
　　　　left:50%;
　　　　margin-top:负图片height的一半；
　　　　margin-left：负图片width的一半；
　　}

　　3）box设置 display: table-cell;vertical-align: middle;                       display: table-cell 相当于是把标签元素当作一个单元格来处理。但是唯一的缺点就是IE6/7不兼容。

 注意：vertical-align: middle;这个垂直属性，只对 inline 或者 inline-block 元素有效

☆垂直和水平居中的另外种方法：table的宽高自己设置

html:

<table class="img_meng_show">
　　<tr>
　　　　<td>
　　　　　　　<img src="">
　　　　</td>
　　</tr>
</table>

css:

 .img_meng_show td{
 　　　vertical-align: middle;
 　　　text-align: center;
 }

这样图片就在table里面水平和垂直居中了

DIV水平和垂直居中的方法：

HTML:

<div class="box></div>

css:

.box{
　　position:absolute(或者是fixed);
　　top:0;
　　left:0;
　　bottom:0;
　　right:0;
　　margin:auto;
　　width:100px;
　　height:200px;
}

这个能实现div垂直和水平居中，但是必要条件就是宽高必须加上，margin也必须加上。如果想里面的图片也水平和垂直居中，可以参照上面图片用margin-left这种方式；

如果只想垂直居中，只要top与bottom，然后 margin:auto 0;

同理，只想水平居中，只要top与bottom，然后 margin: 0 auto;

但是这种方法不支持ie8以下。

还有一种使用css3 translate的方法，能让div垂直水平居中：

.box{
    position: fixed（或者absolute）;
    top: 50%;
    left: 50%;
    width: 100px;
    /*height: 100px;*/高度可以不定死
    background: skyblue;
    transform: translate(-50%,-50%);
}

查看文章跳到评论

广西河池市宜州市 2018-03-01 17:20

#0

阅读 2806.4万

常用html、demo代码

水平垂直居中之table-cell篇

<style>
 .container{
          display: table;
          width: 800px;
          height: 500px;
          background-color: red;
        }
.container.item{
          display: table-cell;
          vertical-align: middle;
          padding: 0 20px;
        }
</style>

 <div class="container">
     <div class="item"></div>
 </div>

查看文章跳到评论

广西河池市宜州市 2018-02-28 17:53

#0

阅读 129.2万

swiper2兼容ie幻灯片插件

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">


<title>首页-广西南宁共振创意中心</title>
<meta name="keywords" content="首页-广西南宁共振创意中心,南宁网站建设,南宁网页制作,南宁网站开发,南宁网络公司,南宁网站公司,南宁做网站,南宁共振创意中心,共振创意">
<meta name="description" content="首页-广西南宁共振创意中心">
<link type="text/css" rel="stylesheet" href="/css/public.css?6" charset="utf-8"/>
<link type="text/css" rel="stylesheet" href="/css/style.css?13"  charset="utf-8"/>


<script>var ua = navigator.userAgent.toLowerCase();
var isWeixin = ua.indexOf('micromessenger') != -1;
var isAndroid = ua.indexOf('android') != -1;
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if (isWeixin || isAndroid || isIos) {
var ssss='';
var sssurl='http://m.resonance.com.cn/';
if(ssss) sssurl=ssss;
location.href = sssurl;
}</script>



<script src="/ie/jquery-1.10.1.min.js"></script>
<!--<script src="/js/jquery-1.4.4.min.js"></script>
<link rel="stylesheet" href="/css/swiper.min.css">-->
<link rel="stylesheet" href="/ie/idangerous.swiper.css">
 <style>
 *{font-family: "微软雅黑";}
 .nav li{float:left}

	
	.newmainsoutnew{
	display:none;
	
	
	top: 48px;
    color: #fff;
    position: absolute;
   left: -12px;
    width: 90px;
    padding: 20px;
     background:url(/images/navbggg.png);
    white-space: nowrap;
	 top: 135px;
	 z-index: 999;
	
	
	
   
   
}
.navli:hover .newmainsoutnew{
	display:block;
	
}


	
	.newmainsoutnew li{
	    cursor: pointer;
    list-style: none;
    line-height: 39px;
    border-bottom: 1px dashed;
    font-size: 14px;
	white-space:nowrap; 
	    width: 100%;
	
	}
	
	.newmainsoutnew li a{
	    text-align: center;
	   color: #fff;
    text-shadow: none;
	font-family:'微软雅黑';
	    width: auto;
	
	}
	
	.newmainsoutnew li:hover a{
	text-align:center;
	   color: #24D3B6;
    text-shadow: none;
	font-family:'微软雅黑';
	
	}
	.top{    position: relative;
    z-index: 999;}.newmainsoutnew{top:130px;}
	</style>

</head>

<body>
<!-----------------------头部 开始---------------------->
<div class="top">
	<div class="jz">
		<div class="logo"><a href="/"><img src="/upload/201801/1515643230.png"/></a></div>
		<div class="nav">
			<ul>
				<li class="dd"><a href="/" class="tub dandu">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a></li>
				<li style="position: relative;" class="navli " ><a href="index.php/Home/Service/index/cid/445.html" class="tub ">服务范围</a>
	  
	  
	  
	  <ul class="newmainsoutnew" style="position:absolute;"><li><a href="index.php/Home/Newsshow/index/pagesss/1/cid/446/big/445.html">网站建设</a></li><li><a href="index.php/Home/Newsshow/index/pagesss/1/cid/447/big/445.html">网站托管</a></li><li><a href="index.php/Home/Newsshow/index/pagesss/1/cid/448/big/445.html">网络营销</a></li><li><a href="index.php/Home/Newsshow/index/pagesss/1/cid/449/big/445.html">软件系统开发</a></li><li><a href="http://www.resonance.net.cn/" target="_blank">广告设计</a></li><li><a href="index.php/Home/Newsshow/index/pagesss/1/cid/450/big/445.html">UI界面设计</a></li></ul>								
	  
	  
	  
	  
	  
	  </li><li style="position: relative;" class="navli " ><a href="index.php/Home/Product/index/cid/136.html" class="tub ">案例中心</a>
	  
	  
	  
	  <ul class="newmainsoutnew" style="position:absolute;"><li><a href="index.php/Home/product/index/cid/421.html">企业/集团网站</a></li><li><a href="index.php/Home/product/index/cid/183.html">品牌网站</a></li><li><a href="index.php/Home/product/index/cid/423.html">微站/手机站</a></li><li><a href="index.php/Home/product/index/cid/462.html">商城门户</a></li><li><a href="index.php/Home/product/index/cid/461.html">UI界面设计</a></li></ul>								
	  
	  
	  
	  
	  
	  </li><li style="position: relative;" class="navli " ><a href="index.php/Home/Trends/index/cid/140.html" class="tub ">新闻资讯</a>
	  
	  
	  
	  <ul class="newmainsoutnew" style="position:absolute;"><li><a href="index.php/Home/trends/index/cid/460.html">行业资讯</a></li><li><a href="index.php/Home/trends/index/cid/459.html">公告&动态</a></li><li><a href="index.php/Home/trends/index/cid/192.html">热点新闻</a></li></ul>								
	  
	  
	  
	  
	  
	  </li><li style="position: relative;" class="navli " ><a href="index.php/Home/About/index/cid/314.html" class="tub ">关于我们</a>
	  
	  
	  
	  <ul class="newmainsoutnew" style="position:absolute;"><li><a href="index.php/Home/about/index/cid/318.html">公司简介</a></li><li><a href="index.php/Home/about/index/cid/317.html">文化理念</a></li><li><a href="index.php/Home/about/index/cid/315.html">大事记</a></li><li><a href="index.php/Home/about/index/cid/409.html">使命&目标</a></li></ul>								
	  
	  
	  
	  
	  
	  </li><li style="position: relative;" class="navli " ><a href="index.php/Home/Contact/index/cid/401.html" class="tub ">联系我们</a>
	  
	  
	  
	  								
	  
	  
	  
	  
	  
	  </li>			</ul>
		</div>
	</div>
</div>

<!-----------------------头部 结束---------------------->


<!-- 轮播 styles -->
  <style>
    html, body {
      position: relative;
    }
    body {
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height:100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }/*.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3FDEC7;
}*/.swiper-pagination-bullet,.swiper-pagination-switch  {
    width: 42px;
    height: 5px;
    display: block;
    background-color: #323232;
    margin-left: 18px;
    display: inline-block;border-radius: 0px;
}.swiper-pagination-bullet-active,.swiper-visible-switch swiper-active-switch {
    opacity: 1;
    background: #3FDEC7;
    width: 42px;
    height: 5px;
    display: block;
    display: inline-block;border-radius: 0px;
}
.swiper-slide img{display:none;}

  </style>


<!-----banner 开始------>

<script src="/ie/idangerous.swiper.min.js"></script>

<img id="sdafasdfdsimgmmm" src="/upload/201801/1517284988.jpg" style="width: 100%; ">
 <!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
     
	 
		<div class="swiper-slide" ><img src="/upload/201801/1517284988.jpg" style="width: 100%; "></div><div class="swiper-slide" ><img src="/upload/201801/1517285581.jpg" style="width: 100%; "></div><div class="swiper-slide" ><img src="/upload/201802/1519783174.jpg" style="width: 100%; "></div>	 
	 
     
    
    
     
   
    </div>
	<div class="pagination"></div>
    <!-- Add Arrows -->
    <div  style="    width: 1200px;
    height: 60px;
   
    position: absolute;
    top:79%;
    left: 50%;
    margin-left: -600px;
    overflow: hidden;
   
    z-index: 9;">
   <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    </div>
  </div>



<!-- Swiper JS
  <script src="/js/swiper.min.js"></script> -->
  

  <!-- Initialize Swiper -->
 
  <script>
 
$(document).ready(function(){
	
var mySwiper = new Swiper('.swiper-container',{
autoplay : 5000,//可选选项，自动滑动
loop : true,//可选选项，开启循环
calculateHeight : true,
pagination : '.pagination',
paginationClickable :true,roundLengths : true,slidesPerView : 1,autoResize : false,
})
$('#sdafasdfdsimgmmm').hide();
  $(".swiper-slide img").each(function(){
    $(this).show();
  });
});
	
	
  </script>

 <style type="text/css">
.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;width: 42px;
    height: 5px;
    display: block;
    background-color: #323232;
    margin-left: 18px;
    display: inline-block;border-radius: 0px;
}
.swiper-active-switch {
  background: #fff;opacity: 1;
    background: #3FDEC7;
    width: 42px;
    height: 5px;
    display: block;
    display: inline-block;border-radius: 0px;
}.bj>.in_news>.neih>.xinw>a>.meige>.ner>p{height:38px;}
/*利用:after伪元素*/  
.clearUl:after {  
content:"";
display: block;  
clear: both;  
}  





</style>
      <!--[if IE 9]>
        <style>.bj>.in_case>.jz>.tittle>.zuobian>.anniu>.shang,.bj>.in_case>.jz>.tittle>.zuobian>.anniu>.xia{display: table-cell;vertical-align: middle;text-align:center;}
		.bj > .in_service > .jz > .meig > ul{margin-left:65px;}
		.bj>.in_service>.jz>.meig>.you{float:left;margin-left:-30px;}
		</style>
      <![endif]-->

<!-----banner 结束------>
<!--------------------------------轮播下面的线 开始--------------------------------->
<div class="banner_xian"></div>
<!--------------------------------轮播下面的线 开始--------------------------------->



<div class="bj">
<!-----------------------服务范围 开始------------------------->




<div class="in_service">
	<div class="jz">
		<div class="tittle">
			<img src="/images/index_r17_c12.png"/>
			<div class="xian"></div>
		</div>
		<div class="meig clearUl">
			<div class="zuo" style="z-index: 9999;position: relative;cursor: pointer;"></div>
				<ul style="/*margin-left: -61px;*/overflow:hidden;">
				

				
				<div class="swiper-container2">
				
				
				  <div class="swiper-wrapper">
				  
				  
				<div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="index.php/Home/Newsshow/index/pagesss/1/cid/446/big/445.html">
								<div class="tp" style="background: url(/upload/201801/1517218887.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>网站建设</h4>
									<h5>Website construction</h5>
									<div class="xian"></div>
									<p>网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性
调研，这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站是企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。</p>
								</div>
							</a>
						</li>
					</div><div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="index.php/Home/Newsshow/index/pagesss/1/cid/447/big/445.html">
								<div class="tp" style="background: url(/upload/201801/1517051116.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>网站托管</h4>
									<h5>BRAND DESIGN</h5>
									<div class="xian"></div>
									<p>网站托管，就是将企业网站技术操作部分全部委托给我们来完成。其中包括域名的注册、空间的租用、服务器系统的管理、信息的上传、主页的创意、网页的制作更新、Email系统的管理等。而网站的所有权和管理权归企业所有，企业只需要把自己的设想和要发布的信息及要达到的目的提供给网站托管的技术人员。剩下的一切工作则由他们来完成。</p>
								</div>
							</a>
						</li>
					</div><div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="index.php/Home/Newsshow/index/pagesss/1/cid/448/big/445.html">
								<div class="tp" style="background: url(/upload/201801/1517050951.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>网络营销</h4>
									<h5>INTEGRATION & PROMOTION</h5>
									<div class="xian"></div>
									<p>网络营销是企业整体营销战略的一个组成部分，是为实现企业总体经营目标所进行的，以互联网为基本手段营造网上经营环境的各种活动。笼统地说，网络营销就是以互联网为主要手段开展的营销活动。</p>
								</div>
							</a>
						</li>
					</div><div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="index.php/Home/Newsshow/index/pagesss/1/cid/449/big/445.html">
								<div class="tp" style="background: url(/upload/201801/1517218615.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>软件系统开发</h4>
									<h5>Software system development</h5>
									<div class="xian"></div>
									<p>软件定制开发就是根据企业的具体情况，具体要求，设计软件系统，提供相应的服务。我们提供各种行业软件的定制开发与实施，可满足各类客户在企业信息化管理中的实际需求。
</p>
								</div>
							</a>
						</li>
					</div><div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="http://www.resonance.net.cn/" target="_blank">
								<div class="tp" style="background: url(/upload/201801/1517051167.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>广告设计</h4>
									<h5>Advertising design</h5>
									<div class="xian"></div>
									<p>品牌策划<br />
品牌设计<br />
品牌推广<br />
... ...</p>
								</div>
							</a>
						</li>
					</div><div class="swiper-slide" style="background: none;">
						<li style="
    background: #fff;text-align: left;
">
							<a href="index.php/Home/Newsshow/index/pagesss/1/cid/450/big/445.html">
								<div class="tp" style="background: url(/upload/201801/1517051232.jpg) no-repeat center;"></div>
								<div class="wz">
									<h4>UI界面设计</h4>
									<h5>UI interface design</h5>
									<div class="xian"></div>
									<p>UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。</p>
								</div>
							</a>
						</li>
					</div>					
					
					
					
					
					
				  </div>
				  
				  
				  
				  
				</div>

				
				
				

					
					
					
					
				</ul>
			<div class="you" style="z-index: 9999;position: relative;cursor: pointer;"></div>
		</div>
	</div>
</div>
				
				
				
				
  <script>
  var mySwiper = new Swiper('.swiper-container2',{slidesPerView : 3,roundLengths : true,slidesPerViewFit : false,})
  $('.zuo').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.you').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>
				
				
				
<!-----------------------服务范围 结束------------------------->

<!-----------------------案例展示 开始------------------------->





<div class="in_case">

	<div class="jz">
		<div class="tittle">
			<div class="zuobian">
				<div class="anniu">
					<div class="shang" onclick="geannll('s',this);" style="
    position: absolute;
    left: 0px;
    top: -70px;
    z-index: 999;
    background: #fff;cursor: pointer;
"><img src="/images/index_r9_c5.png"/></div>
					<div class="xia" onclick="geannll('x',this);" style="
    position: absolute;
    left: 0px;
    top: 6px;cursor: pointer;
"><img src="/images/index_r13_c3.png"/></div>
				</div>
			</div>
			<div class="wz">
				<div class="tp"><img src="/images/index_r6_c14.png"/></div>
				<div class="xian"></div>
				<div class="biaoyu">
					<h4>为客户打造所在行业顶级品牌</h4>
					<p>For customers to cteate the dustry`s top brands</p>
				</div>
			</div>
		</div>
	<style>
		.bj>.in_case>.jz>.fenl>.first_column>.anli:hover{
			transform: scale(1.2, 1.2);
	
	transition-duration:0.7s;
		position:relative;
		z-index:999;
		}
		
		
		
		.bj>.in_case>.jz>.fenl>.first_column>.anli>a>.xiaog:hover{
		
	transform: scale(1, 1);
	
	
	transition-duration:0.7s;
		position:relative;
		z-index:999;}
		
		
		
		.bj>.in_case>.jz>.fenl>.first_two>.anli:hover{
			transform: scale(1.2, 1.2);
	transition-duration:0.7s;
		position:relative;
		z-index:999;
		}
		
		
		

		
		.bj>.in_case>.jz>.fenl>.first_two>.anli>a>.xiaog:hover{
		
		transform: scale(1, 1);
	
	
	transition-duration:0.7s;
		position:relative;
		z-index:999;}
		
		
				
		.bj>.in_case>.jz>.fenl>.first_two>.anli_z:hover{
		transform: scale(1.2, 1.2);
	
	transition-duration:0.7s;
		position:relative;
		z-index:999;
		}
		
		
		.bj>.in_case>.jz>.fenl>.first_two>.anli_z>a>.xiaog:hover{
		
		transform: scale(1, 1);
	
	
	transition-duration:0.7s;
		position:relative;
		z-index:999;}
		
		
		
		</style>
		<div class="fenl" id="aaalllajsjjs">
		
		
	
		
		
				<div class="first_column">			
				<div class="anli" style="background: url(/upload/201801/1517362139.jpg) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/367/big/136.html">
						<div class="xiaog">
							<h3>新影响华文文化</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
				
				
				
								
				<div class="anli" style="background: url(/upload/201801/1517230762.jpg) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/366/big/136.html">
						<div class="xiaog">
							<h3>火速贸易</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
				
				
				
								
				<div class="anli" style="background: url(/upload/201801/1517236380.jpg) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/350/big/136.html">
						<div class="xiaog">
							<h3>保利原乡</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
				
				
				
					</div><div class="first_two">			
			
				<div class="anli" style="background: url(/upload/201801/1517232815.jpg) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/348/big/136.html">
						<div class="xiaog">
							<h3>华鸿水务集团</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
			
		
					
			
				<div class="anli_z" style="background: url(/upload/201801/1517209219.png) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/338/big/136.html">
						<div class="xiaog">
							<h3>佳年农业</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
			
		
					
			
				<div class="anli" style="background: url(/upload/201801/1517328439.jpg) no-repeat center;background-size: cover;">
					<a href="index.php/Home/Newsshow/index/cid/136/id/335/big/136.html">
						<div class="xiaog">
							<h3>明山泉</h3>
							<p>- MORE -</p>
						</div>
					</a>
				</div>
			
		
		</div>		
		

		
		
		
		
		
		</div>
		
	</div>
	
</div>
<!-----------------------案例展示 结束------------------------->
<img src="/images/5-121204193934.gif" style="display:none;" />
<script>
var nnnpppp=2;
function geannll(m,that){
	if(nnnpppp<1){
		nnnpppp=1;
		if(m=='x') nnnpppp=2;
	}
	var osrc=$(that).children().attr('src');
	$.ajax( {
		url: '/index.php/Home/Trendsajax/index/p/'+nnnpppp+'.html', //这里是静态页的地址
		type: "GET", //静态页用get方法，否则服务器会抛出405错误
		//dataType: "json",
		//cache: false,
		//async: false,
		beforeSend: function(){
		 // Handle the beforeSend event
		 $(that).children().attr('src','/images/5-121204193934.gif');
		},
		success: function(data){
			//alert(data.length);
			$(that).children().attr('src',osrc);
			if(!data){
				nnnpppp=1;
				geannll();
				//nnnpppp=1;
				return false;
			}
			if(m=='x') nnnpppp=nnnpppp+1;
			else nnnpppp=nnnpppp-1;
			$('#aaalllajsjjs').html(data);
			//var result = $(data).find("另一个html页面的指定的一部分").html();
		}
	});
}
</script>
<!-----------------------新闻资讯 开始------------------------->

<div class="in_news">
	<div class="neih">
	
		<div class="in_nav">
			<div class="tittle">
				<div class="tp"><img src="/images/index_r22_c14.png"/></div>
				<div class="xian"></div>
			</div>
			<div class="notice ju">
				<a href="javascript:;" onclick="gghhh('gggggggssss',this);" style="width: 222px;
    height: 109px;
    float: left;">
					<p>行业资讯</p>
					<span>Announcement & dynamic</span>
				</a>
			</div>
			<div class="notice">
				<a href="javascript:;" onclick="gghhh('gggggggsssszx',this);" style="width: 222px;
    height: 109px;
    float: left;">
					<p>公告&动态</p>
					<span>Industry information</span>
				</a>
			</div>
			<div class="biaoyu">
				<p>共振邀您，共振未来！</p>
				<span>Resonance invites you, resonance of the future</span>
			</div>
		</div>
		
		
		<div class="xinw" id="gghhhhxxoo">
		<a href="index.php/Home/Newsshow/index/cid/140/id/333/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>素材网站一箩筐？其实有它就够了！</h3>
						<p>之前，设计神器小分队也给大家推荐过素材网站，比如：在线编辑功能的全面高颜值矢量素材库—— Vecteezy界面简单简洁的免费版权的图片资源网站—— Streetwill还有免费可商用图库—— Pixabay以及首页一片漆黑的EveryPixel（可商用、免费下载）但今天，木木给大家安利一个海纳百川的素材网站，它的可商用免费素材包括高清图片、矢量素材、字体、icon、视</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a><a href="index.php/Home/Newsshow/index/cid/140/id/328/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>网易高级设计师：如何通过刻意练习提升自己？</h3>
						<p>设计趋势这种东西，往根上说是潮流，是因缘际会之下成为一个时间段内的流行风潮，大多独特，但是它并不一定符合你的喜好。在过去的一个月当中，所流行起来的三个设计趋势，相互关联，且都涉及到文本和标题在页面设计中的运用。到底哪个更符合你的口味，而哪些又能够更常久地流行？这恐怕就需要你自己来判断了。1、带有下划线的文本和元素很意外地发现大家最近争先恐后地使用下划线这种元素。当然，能够在各式各样设计元素中灵活运</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a><a href="index.php/Home/Newsshow/index/cid/140/id/310/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>网易设计师：推荐大家学习的通感设计方法</h3>
						<p>网易UEDC – 悠悠 : 如何建立用户行为模型，通过数据验证设计效果？如何深度参与产品服务全流程？或许你可以尝试用一下「通感设计语言」。通感设计方法试图将产品质量与用户感知低损耗转移，增强体验的紧密的关联性与一致性。为数字产品创造有效设计语言的全新实用指南。本文章不是共享工具的介绍，也不是普通意义的通感设计手法，比如：Siri用波浪条纹设计让用户感受到声音。文中的通感设计是指：通过对用户服务场景</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a>			
			
			
		</div>
		
		<div id="gggggggssss" style="display:none;"><a href="index.php/Home/Newsshow/index/cid/140/id/333/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>素材网站一箩筐？其实有它就够了！</h3>
						<p>之前，设计神器小分队也给大家推荐过素材网站，比如：在线编辑功能的全面高颜值矢量素材库—— Vecteezy界面简单简洁的免费版权的图片资源网站—— Streetwill还有免费可商用图库—— Pixabay以及首页一片漆黑的EveryPixel（可商用、免费下载）但今天，木木给大家安利一个海纳百川的素材网站，它的可商用免费素材包括高清图片、矢量素材、字体、icon、视</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a><a href="index.php/Home/Newsshow/index/cid/140/id/328/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>网易高级设计师：如何通过刻意练习提升自己？</h3>
						<p>设计趋势这种东西，往根上说是潮流，是因缘际会之下成为一个时间段内的流行风潮，大多独特，但是它并不一定符合你的喜好。在过去的一个月当中，所流行起来的三个设计趋势，相互关联，且都涉及到文本和标题在页面设计中的运用。到底哪个更符合你的口味，而哪些又能够更常久地流行？这恐怕就需要你自己来判断了。1、带有下划线的文本和元素很意外地发现大家最近争先恐后地使用下划线这种元素。当然，能够在各式各样设计元素中灵活运</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a><a href="index.php/Home/Newsshow/index/cid/140/id/310/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>31</h2>
						<p>2018-01</p>
					</div>
					<div class="ner">
						<h3>网易设计师：推荐大家学习的通感设计方法</h3>
						<p>网易UEDC – 悠悠 : 如何建立用户行为模型，通过数据验证设计效果？如何深度参与产品服务全流程？或许你可以尝试用一下「通感设计语言」。通感设计方法试图将产品质量与用户感知低损耗转移，增强体验的紧密的关联性与一致性。为数字产品创造有效设计语言的全新实用指南。本文章不是共享工具的介绍，也不是普通意义的通感设计手法，比如：Siri用波浪条纹设计让用户感受到声音。文中的通感设计是指：通过对用户服务场景</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a></div>
		<div id="gggggggsssszx" style="display:none;"><a href="index.php/Home/Newsshow/index/cid/140/id/421/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>09</h2>
						<p>2018-02</p>
					</div>
					<div class="ner">
						<h3>2018年春节放假通知</h3>
						<p>2018年春节放假通知

     2018年春节将至，为使公司和员工共同度过一个欢乐、祥和、平安的新春佳节，切实做好假期期间的安全工作，现将有关事宜通知如下：</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a><a href="index.php/Home/Newsshow/index/cid/140/id/432/big/140.html">
				<div class="meige">
					<div class="rq">
						<h2>09</h2>
						<p>2018-02</p>
					</div>
					<div class="ner">
						<h3>共振之桃花源记</h3>
						<p>九月，踏着初秋的凉爽，共振创意开始了一段欢声笑语的旅程，我们便怀揣着躁动的心，远离钢筋水泥的城市，来到世俗喧嚣的美丽南方。</p>
					</div>
					<div class="more"><img src="/images/index_r10_c13.jpg"/></div>
				</div>
			</a></div>
		
		
		
		
	</div>
</div>

<!-----------------------新闻资讯 结束------------------------->
<script>
function gghhh(d,that){
	  $(".in_news .notice").each(function(){
		$(this).removeClass('ju');
	  });
	  $(that).parent('.notice').addClass('ju');
	$('#gghhhhxxoo').html($('#'+d).html());
}
</script>
<!-------------------关于我们 开始------------------------>

<div class="in_about">
	<a href="index.php/Home/About/index/cid/314.html">
	<div class="tp" style="background: url(/upload/file/1515731676.jpg) no-repeat right;">
	</div>
	<div class="you">
		<div class="jies">
			<div class="biaot"><img src="/images/index_r4_c2.png"/></div>
			<div class="xian"></div>
			<p>一家以“品牌咨询+品牌设计+品牌策划+品牌落地”于一体的品牌服务平台，通过360°全景式纵深品牌打造，从品牌标识设计、VI设计、空间设计、包装、海报等多维度构建完善的品牌价值链，致力于以实战服务中国企业，以品牌推动中国成长。</p>
		</div>
	</div>
	</a>
</div>


<!-------------------关于我们 结束------------------------>







<style>
						.ullllls  li a{font-family: "微软雅黑";
    color: #A3A3A3;
    font-size: 14px;
    padding-top: 15px;
    padding-left: 28px;}.ullllls li{float: left;
    width: 120px;}
				</style>
<!----------------------------------底部 开始-------------------------------->
	<div class="bottom">
		<div class="jz">
			<div class="bo_about">
				<h4><a href="index.php/Home/About/index/cid/314.html">关于我们</a></h4>
				<p><a href="index.php/Home/About/index/cid/318.html">公司简介</a></p><p><a href="index.php/Home/About/index/cid/317.html">文化理念</a></p><p><a href="index.php/Home/About/index/cid/315.html">大事记</a></p><p><a href="index.php/Home/About/index/cid/409.html">使命&目标</a></p> 
			</div>
			<div class="bo_about">
				<h4><a href="index.php/Home/Service/index/cid/445.html">服务范围</a></h4>
				<p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/446/big/445.html">网站建设</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/447/big/445.html">网站托管</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/448/big/445.html">网络营销</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/449/big/445.html">软件系统开发</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/451/big/445.html">广告设计</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/450/big/445.html">UI界面设计</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/456/big/445.html">服务流程</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/457/big/445.html">服务优势</a></p><p><a href="index.php/Home/Newsshow/index/pagesss/1/cid/458/big/445.html">售后服务</a></p> 
			</div>
			<div class="bo_link">
				<h4><a href="javascript:;">友情链接</a></h4>
				<ul class="ullllls">
				
				
					<li><a href="http://www.znbo.com/" target="_blank">广州网站建设</a></li><li><a href="http://www.zhuojie.cc/" target="_blank">网站建设</a></li><li><a href="http://www.resonance.com.cn/" target="_blank">南宁网站建设</a></li><li><a href="http://www.fractal-technology.com/index.html" target="_blank">北京网站建设</a></li><li><a href="http://www.gz898.com/" target="_blank">广州做网站</a></li><li><a href="http://www.resonance.com.cn/" target="_blank">南宁网络公司</a></li><li><a href="http://www.resonance.com.cn/" target="_blank">南宁网页设计</a></li><li><a href="http://www.cneecn.com/" target="_blank">南京网站建设</a></li><li><a href="http://www.resonance.com.cn/" target="_blank">南宁网站开发</a></li><li><a href="http://www.resonance.net.cn/" target="_blank">南宁画册设计</a></li><li><a href="http://www.resonance.net.cn/" target="_blank">南宁VI设计</a></li><li><a href="http://www.resonance.net.cn/" target="_blank">南宁平面设计</a></li><li><a href="http://www.resonance.net.cn/" target="_blank">南宁广告公司</a></li><li><a href="http://api.resonance.com.cn/" target="_blank">在线桌面版API</a></li><li><a href="http://www.resonance.com.cn/" target="_blank">重权1，PR2，其他正常就肯定换</a></li> 
				</ul>
				
				
			</div>
			
			<div class="lianxi">
				<div class="dianhau"><img src="/upload/file/1515655599.png"/></div>
				<div class="erwm"><img src="/upload/file/1516790675.jpg"/></div>
				<p>微信公众号</p>
			</div>
		</div>
		
		<div class="bottom_b">
			<div class="jz">
				<p class="zuo">© Copyright 2011-2017 广西共振广告. ALL Rights Reserved.</p>
				<p class="you">地址：广西南宁市青秀区中山路66号金外滩商务大厦13楼1301室</p>
			</div>
		</div>
	</div>
<!----------------------------------底部 结束-------------------------------->

</div>








<script>  /*异步加载 - 在线交流 - 站长统计 */
  var gz_weburl='/';
  var lang='cn';
  var classnow='';
  var id='';
  
  var url=gz_weburl+'include/interface/uidata.php?lang='+lang,h = 'http://www.resonance.com.cn/';
  
  if(h.indexOf("preview=1")!=-1)url = url + '&theme_preview=1';
  $.ajax({
    type: "POST",
    url: url,
    dataType:"json",
    success: function(msg){
      var c = msg.config;
      
      if(c.gz_stat==1){       //站长统计
        var navurl=classnow==10001?'':'../';
        var stat_d=classnow+'-'+id+'-'+lang;
        var url = gz_weburl+'include/stat/stat.php?type=para&u='+navurl+'&d='+stat_d;
        $.getScript(url);
      }
    }
  });
    //var metClicks = $(".metClicks");//点击次数
    var ClicksListnow='';
    var weburl='/';
    if(ClicksListnow){
      //var DataClicks = metClicks.data("metclicks");
      //ClicksStr=DataClicks.split("|"); 
      var ClicksModule = 'news';//ClicksStr[0],ClicksListnow = ClicksStr[1];
      var urlw = weburl+'include/hits.php?type='+ClicksModule+'&id='+ClicksListnow;
      $.ajax({
        type: "POST",
        url: urlw,
        dataType:"text",
        success: function(msg){
          //var t = msg.split('"');
          //metClicks.html(t[1]);
        }
      });
    }
</script>


<!--客服开始-->
<style type="text/css">

a,img{border:0;text-decoration:none;}

.cndns-right p{margin:0px;padding:0px;line-height:20px;}
.cndns-right i{margin:0px;padding:0px;font-style:normal;}
.cndns-right ul{margin:0px;padding:0px;list-style:none;}
.cndns-right ul li{margin:0px;padding:0px;list-style:none;}
.cndns-right a{color:#333333;text-decoration:none;}
.cndns-right .cndns-right-btn:hover{    color: #ff5a00;
    text-decoration: none;
    width: auto;
    height: 48px;
    border: 1px solid #ddd;
    text-align: center;
    display: block;
    margin-bottom: 6px;
    position: relative;
    background-color: #fff;}
.cndns-right .clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';
    src:url('/font/icomoon.eot?qradjf');
    src:url('/font/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('/font/icomoon.ttf?qradjf') format('truetype'),
        url('/font/icomoon.woff?qradjf') format('woff'),
        url('/font/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#24D3B6;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#24D3B6;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#24D3B6;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#24D3B6}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#24D3B6;}
.meau-sev .cndns-right-btn{border-color:#ff6600;background:url(/images/02index-banner-8.gif) no-repeat #ff6600 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#24D3B6}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #24D3B6;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(/images/arrow.png?1) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#24D3B6;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(/images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#24D3B6}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#24D3B6;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#24D3B6}
.meau-zs .cndns-right-btn{background-color:#24D3B6;color:#fff;margin-top:80px;border-color:#24D3B6}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
</style>


<!--右侧-->
<div class="cndns-right">
   
    <div class="cndns-right-meau meau-sev">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe901;</span>
            <p>
                在线<br />
                客服
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <span class="demo-icon">&#xe901;</span>
                    <p>在线客服<i>咨询时间：9:00--18:00</i></p>
                    <div class="clear"></div>
                </div>
                <div class="sev-b">
                    <h4>选择下列客服马上在线沟通：</h4>
                    <ul id="zixunUl">
					 <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1226850955&site=http://www.resonance.com.cn/&menu=yes" target="_blank">售前咨询</a></li>
				    <li><a href="http://wpa.qq.com/msgrd?v=3&uin=1226850955&site=http://www.resonance.com.cn/&menu=yes" target="_blank">售后咨询</a></li>
					<!--
                        <li><a href="javascript:void(0);">域名/主机</a></li>
                        
                        <li><a href="javascript:void(0);">建站/网店</a></li>
                        <li><a href="javascript:void(0);">企业邮局</a></li>
                        <li><a href="javascript:void(0);">代理咨询</a></li>
                        <li><a href="javascript:void(0);">网站推广</a></li>
                        <li><a href="javascript:void(0);">橙云主机</a></li>
                        
                        <li><a href="javascript:void(0);">域名交易</a></li>
                        
                        <li><a href="javascript:void(0);">租用托管(BGP)</a></li>
                        
                        <li><a href="javascript:void(0);">其他产品</a></li>
						-->
                        <div class="clear"></div>
                    </ul>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-contact">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe902;</span>
            <p>
                客服<br />
                热线
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <span class="demo-icon">&#xe902;</span>
                    <p>0771-5508889<br /><i>客服服务热线</i></p>
                    <div class="clear"></div>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-code">
        <a href="javascript:" class="cndns-right-btn">
            <span class="demo-icon">&#xe903;</span>
            <p>
                关注<br />
                微信
            </p>
        </a>
        <div class="cndns-right-box">
            <div class="box-border">
                <div class="sev-t">
                    <img src="/upload/file/1516790675.jpg"  width="100" height="100"/>
                    <i>关注官方微信</i>
                </div>
                <span class="arrow-right"></span>
            </div>
        </div>
    </div>
    <div class="cndns-right-meau meau-top" id="top-back">
        <a href="javascript:" class="cndns-right-btn" onclick="topBack()">
            <span class="demo-icon">&#xe904;</span>
            <i>顶部</i>
        </a>
    </div>

</div>


<script type="text/javascript">
//置顶图标显示
$('#top-back').hide()
$(window).scroll(function(){
	 if($(this).scrollTop() > 350){
		$("#top-back").fadeIn();
	 }
	 else{
		$("#top-back").fadeOut();
	 }
  })	
//置顶事件
function topBack(){
  $('body,html').animate({scrollTop:0},300);
}
</script>


<!--客服结束-->


<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F4834ed1abfc1464ccbb994d777a5b3db' type='text/javascript'%3E%3C/script%3E"));
</script>





</body>
</html>

查看文章跳到评论

广西河池市宜州市 2018-02-28 10:54

#0

阅读 2806.4万

常用html、demo代码

管理员取得所有权.reg

Windows Registry Editor Version 5.00　　 
[HKEY_CLASSES_ROOT\*\shell\runas] 
@="管理员取得所有权" 
"NoWorkingDirectory"=""　　 
[HKEY_CLASSES_ROOT\*\shell\runas\command] 
@="cmd.exe /c takeown /f \"%1\" && icacls \"%1\" /grant administrators:F" 
"IsolatedCommand"="cmd.exe /c takeown /f \"%1\" && icacls \"%1\" /grant administrators:F"　　 
[HKEY_CLASSES_ROOT\exefile\shell\runas2] 
@="管理员取得所有权" 
"NoWorkingDirectory"=""　　 
[HKEY_CLASSES_ROOT\exefile\shell\runas2\command] 
@="cmd.exe /c takeown /f \"%1\" && icacls \"%1\" /grant administrators:F" 
"IsolatedCommand"="cmd.exe /c takeown /f \"%1\" && icacls \"%1\" /grant administrators:F"　　 
[HKEY_CLASSES_ROOT\Directory\shell\runas] 
@="管理员取得所有权" 
"NoWorkingDirectory"=""　　 
[HKEY_CLASSES_ROOT\Directory\shell\runas\command] 
@="cmd.exe /c takeown /f \"%1\" /r /d y && icacls \"%1\" /grant administrators:F /t" 
"IsolatedCommand"="cmd.exe /c takeown /f \"%1\" /r /d y && icacls \"%1\" /grant administrators:F /t"

查看文章跳到评论

广西河池市宜州市 2018-02-28 10:21

#0

阅读 57.7万

给未来年轻创业者们

关键做外包活的哥们儿还是老外眼中的专家

广西河池市宜州市2018-03-01 14:29:11

聪哥掉线了，尽忠的机会来了😀
【视频】王思聪绝地求生掉线队友扔烟掩护化身成人体当肉盾最后吃鸡_绝地求生吧_百度贴吧.mp4

查看文章跳到评论

广西河池市宜州市 2018-02-28 09:36

#0

阅读 57.7万

给未来年轻创业者们

未来面前，你我还都是孩子，

广西河池市宜州市2018-03-03 15:26:35

世界上有两个我，一个假装快乐，一个真心难过。

广西河池市宜州市2018-03-03 15:37:15

一位年轻人在外5年，终于要回家了。
老板问：你是要5年的工资还是3句忠告?
年轻人思考了片刻说：明早给您答复。
老板说：可以。
当晚年轻人未眠...
第二天早晨，他对老板说：我全都要

广西河池市金城江区2018-03-06 16:56:00

常州蒋用庵御史，与四友同饮于徐兆潢家。徐精饮馔，烹河豚尤佳。因置酒请六客同食河豚。六客虽贪河豚味美，各举箸大啖，而心不能无疑。忽一客张姓者斗然倒地，口吐白沫，噤不能声。主人与群客皆以为中河豚毒矣，速购粪清灌之。张犹未醒。五人大惧，皆曰：“宁可服药于毒未发之前。”乃各饮粪清一杯。
良久，张竟苏醒，群客告以解救之事。张曰：“小弟向有羊儿疯之疾，不时举发，非中河豚毒也。”于是五人深悔无故而尝粪，且嗽且呕，狂笑不止。
应该是这个，大吃货袁枚写的

查看文章跳到评论

广西河池市宜州市 2018-02-24 17:04

#0

阅读 2230.3万

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

查看文章跳到评论

广西河池市宜州市 2018-02-24 15:51

#0

阅读 2806.4万

常用html、demo代码

鼠标点击文字冒泡动画特效果

(function() {var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"], index = Math.floor(Math.random() * coreSocialistValues.length);document.body.addEventListener('click', function(e) {if (e.target.tagName == 'A') {return;}var x = e.pageX, y = e.pageY, span = document.createElement('span');span.textContent = coreSocialistValues[index];index = (index + 1) % coreSocialistValues.length;span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');document.body.appendChild(span);animate(span);});function animate(el) {var i = 0, top = parseInt(el.style.top), id = setInterval(frame, 16.7);function frame() {if (i > 180) {clearInterval(id);el.parentNode.removeChild(el);} else {i+=2;el.style.top = top - i + 'px';el.style.opacity = (180 - i) / 180;}}}}());

广西河池市宜州市2018-02-24 15:53:08

dz论坛返回顶部的代码

_attachEvent(window, 'scroll', function () { showTopLink(); });checkBlind();

广西河池市宜州市2018-02-24 16:34:45

discuz论坛左边栏头像信息滚动自动固定js

function ctrlLeftInfo(sli_staticnum) {
    var sli = $('scrollleftinfo');
    var postlist_bottom = parseInt($('postlist').getBoundingClientRect().bottom);
    var sli_bottom = parseInt(sli.getBoundingClientRect().bottom);
    if (postlist_bottom < sli_staticnum && postlist_bottom != sli_bottom) {
        sli.style.top = (postlist_bottom - sli.offsetHeight - 5) + 'px';
    } else {
        sli.style.top = 'auto';
    }
}

function fixed_avatar(pids, fixednv) {
    var fixedtopnv = fixednv ? new fixed_top_nv('nv', true) : false;
    if (fixednv) {
        fixedtopnv.init();
    }

    function fixedavatar(e) {
        var avatartop = fixednv ? fixedtopnv.run() : 0;
        for (var i = 0; i < pids.length; i++) {
            var pid = pids[i];
            var posttable = $('pid' + pid);
            var postavatar = $('favatar' + pid);
            if (!$('favatar' + pid)) {
                return;
            }
            var nextpost = $('_postposition' + pid);
            if (!postavatar || !nextpost || posttable.offsetHeight - 100 < postavatar.offsetHeight) {
                if (postavatar.style.position == 'fixed') {
                    postavatar.style.position = '';
                }
                continue;
            }
            var avatarstyle = postavatar.style;
            posttabletop = parseInt(posttable.getBoundingClientRect().top);
            nextposttop = parseInt(nextpost.getBoundingClientRect().top);
            if (nextposttop > 0 && nextposttop <= postavatar.offsetHeight) {
                if (BROWSER.firefox) {
                    if (avatarstyle.position != 'fixed') {
                        avatarstyle.position = 'fixed';
                    }
                    avatarstyle.top = -(postavatar.offsetHeight - nextposttop) + 'px';
                } else {
                    postavatar.parentNode.style.position = 'relative';
                    avatarstyle.top = '';
                    avatarstyle.bottom = '0px';
                    avatarstyle.position = 'absolute';
                }
            } else if (posttabletop < 0 && nextposttop > 0) {
                if (postavatar.parentNode.style.position != '') {
                    postavatar.parentNode.style.position = '';
                }
                if (avatarstyle.position != 'fixed' || parseInt(avatarstyle.top) != avatartop) {
                    avatarstyle.bottom = '';
                    avatarstyle.top = avatartop + 'px';
                    avatarstyle.position = 'fixed';
                }
            } else if (avatarstyle.position != '') {
                avatarstyle.position = '';
            }
        }
    }
    if (!(BROWSER.ie && BROWSER.ie < 7)) {
        _attachEvent(window, 'load', function () {
            _attachEvent(window, 'scroll', fixedavatar);
        });
    }
}

广西河池市宜州市2018-03-05 16:47:35

手机端无效解决办法

(function() {var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"], index = Math.floor(Math.random() * coreSocialistValues.length);document.body.addEventListener('<?php
			if($Applessss){
			echo 'touchstart';
			}else echo 'click';
			?>', function(e) {if (e.target.tagName == 'A') {return;}
			
			<?php
			if($Applessss){
			echo 'var x=e.targetTouches[0].pageX,y=e.targetTouches[0].pageY';
			}else echo 'var x = e.pageX, y = e.pageY;';
			?>;
var			span = document.createElement('span');span.textContent = coreSocialistValues[index];index = (index + 1) % coreSocialistValues.length;span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');document.body.appendChild(span);animate(span);});function animate(el) {var i = 0, top = parseInt(el.style.top), id = setInterval(frame, 16.7);function frame() {if (i > 180) {clearInterval(id);el.parentNode.removeChild(el);} else {i+=2;el.style.top = top - i + 'px';el.style.opacity = (180 - i) / 180;}}}}());

广西河池市宜州市2018-03-05 16:48:44

手机e.pageX和e.pageY无效的原因

手机端拖拽事件：

touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。

touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。

touchend事件：当手指从屏幕上离开的时候触发。

touchcancel事件：当系统停止跟踪触摸的时候触发。

调用方法：
（1）jquery方法：$(document).bind("touchend", function(e){}）；
（2）javascript方法：document.addEventListener("touchend",function(e){});

手机端获取pageX和pageY:

touchstart事件下获取：e.originalEvent.targetTouches[0].pageX。
touchmove事件下获取：e.originalEvent.targetTouches[0].pageX。
touchend事件的下获取：e.originalEvent.changedTouches[0].pageX 。


每个Touch对象包含的属性如下。
clientX：触摸目标在视口中的x坐标。
clientY：触摸目标在视口中的y坐标。
identifier：标识触摸的唯一ID。
pageX：触摸目标在页面中的x坐标。
pageY：触摸目标在页面中的y坐标。
screenX：触摸目标在屏幕中的x坐标。
screenY：触摸目标在屏幕中的y坐标。
target：触目的DOM节点目标。

广西河池市宜州市2018-03-05 16:50:08

touch事件中的touches、targetTouches和changedTouches详解

touches: 当前屏幕上所有触摸点的列表;

targetTouches: 当前对象上所有触摸点的列表;

changedTouches: 涉及当前(引发)事件的触摸点的列表

通过一个例子来区分一下触摸事件中的这三个属性：

1. 用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。

2. 用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手指触摸相同元素时，
targetTouches和touches的值相同，否则targetTouches 只有一个值。changedTouches此时只有一个值，
为第二个手指的触摸点，因为第二个手指是引发事件的原因

3. 用两个手指同时接触屏幕，此时changedTouches有两个值，每一个手指的触摸点都有一个值

4. 手指滑动时，三个值都会发生变化

5. 一个手指离开屏幕，touches和targetTouches中对应的元素会同时移除，而changedTouches仍然会存在元素。

6. 手指都离开屏幕之后，touches和targetTouches中将不会再有值，changedTouches还会有一个值，
此值为最后一个离开屏幕的手指的接触点。

2. 触点坐标选取

touchstart和touchmove使用: e.targetTouches[0].pageX 或 (jquery)e.originalEvent.targetTouches[0].pageX

touchend使用: e.changedTouches[0].pageX 或 (jquery)e.originalEvent.changedTouches[0].pageX

3.touchmove事件对象的获取

想要在touchmove:function(e,参数一)加一个参数，结果直接使用e.preventDefault()就会 e 报错，处理方法为使用arguments[0]获取event参数
touchmove:function(e,参数一){
　　var e=arguments[0]
　　e.preventDefault()
}

广西河池市宜州市2018-03-05 16:53:06

巧用cssText属性批量操作样式
使用cssText时应该采用叠加的方式以保留原有的样式

function setStyle(el, strCss){
    var sty = el.style;
    sty.cssText = sty.cssText + strCss;
}

使用该方法在IE9/Firefox/Safari/Chrome/Opera中没什么问题，但由于 IE6/7/8中cssText返回值少了分号会让你失望。
因此对IE6/7/8还需单独处理下，如果cssText返回值没";"则补上

function setStyle(el, strCss){
    function endsWith(str, suffix) {
        var l = str.length - suffix.length;
        return l >= 0 && str.indexOf(suffix, l) == l;
    }
    var sty = el.style,
        cssText = sty.cssText;
    if(!endsWith(cssText, ';')){
        cssText += ';';
    }
    sty.cssText = cssText + strCss;
}

广西河池市宜州市2018-03-05 16:55:07

cssText
js pageX手机无效
js join

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))
//输出：
//George.John.Thomas
</script>

join() 方法用于把数组中的所有元素放入一个字符串
如果省略该参数，则使用逗号作为分隔符。

查看文章跳到评论

广西河池市宜州市 2018-02-24 14:30

#0

阅读 2806.4万

常用html、demo代码

基于jQuery实现的数字滚动插件

<script>
			//数字滚动
			(function($){
				$.fn.numberRock=function(options){
					var defaults={
						lastNumber:100,
						duration:2000,
						easing:'swing'  //swing(默认 : 缓冲 : 慢快慢)  linear(匀速的)
					};
					var opts=$.extend({}, defaults, options);

					$(this).animate({
						num : "numberRock",
						// width : 300,
						// height : 300,
					},{
						duration : opts.duration,
						easing : opts.easing,
						complete : function(){
							console.log("success");
						},
						step : function(a,b){  //可以检测我们定时器的每一次变化
							//console.log(a);
							//console.log(b.pos);   //运动过程中的比例值(0~1)
							$(this).html(parseInt(b.pos * opts.lastNumber));
						}
					});

				}

			})(jQuery);


			$(function(){
				$("#read-count").numberRock({
					lastNumber:6666,
					duration:5000,
					easing:'swing',  //慢快慢
				});
			});

			</script>

查看文章跳到评论

广西河池市宜州市 2018-02-24 11:55

#0

阅读 39.2万

jQuery确认提示框插件myAlert

jQuery手机自定义确认提示框代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>jQuery手机自定义确认提示框代码</title>

<style>
    *{
        margin: 0;
        padding:0;
        list-style: none;
        font-size: 16px;
        color: rgba(0,0,0,.8);
    }
    a{
        text-decoration: none;
    }

    /*jq-alert弹出层封装样式*/
    .jq-alert{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
        background-color: rgba(0,0,0,.3);
        z-index: 99;
    }
    .jq-alert .alert{
        background-color: #FFF;
        width:80%;
        height:auto;
        border-radius: 4px;
        overflow: hidden;
    }
    .jq-alert .alert .title{
        position: relative;
        margin: 0;
        font-size: .3rem;
        height: .8rem;
        line-height: .8rem;
        text-align: center;
        font-weight: normal;
        color: rgba(0,0,0,.8);
    }
    /*.jq-alert .alert .title:after{*/
        /*position: absolute;*/
        /*content: "";*/
        /*bottom: 0;*/
        /*left:0;*/
        /*width: 100%;*/
        /*height: 1px;*/
        /*background-color: #ededed;*/
        /*transform: scaley(.5);*/
        /*-webkit-transform: scaley(.5);*/
    /*}*/
    .jq-alert .alert .content{
        padding: .3rem;
        font-size: .28rem;
        color: rgba(0,0,0,.6);
    }
    .jq-alert .alert .content .prompt{
        width:100%;
    }
    .jq-alert .alert .content .prompt .prompt-content{
        font-size: .28rem;
        color: rgba(0,0,0,.54);
    }
    .jq-alert .alert .content .prompt .prompt-text{
        background:none;
        border:none;
        outline: none;
        width: 100%;
        height: .6rem;
        box-sizing: border-box;
        margin-top: .2rem;
        background-color: #FFF;
        border:1px solid #dcdcdc;
        text-indent:5px;
    }
    .jq-alert .alert .content .prompt .prompt-text:focus{
        border: 1px solid #2196F3;
        background-color: rgba(33,150,243,.08);
    }
    .jq-alert .alert .fd-btn{
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        justify-content: center;
        align-items: center;
    }
    .jq-alert .alert .fd-btn:after{
        position: absolute;
        content: "";
        top:0;
        left:0;
        width:100%;
        height: 1px;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a{
        width:100%;
        height: .8rem;
        font-size: .26rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.8);
    }
    .jq-alert .alert .fd-btn a.cancel{
        position: relative;
        color: rgba(0,0,0,.5);
    }
    .jq-alert .alert .fd-btn a.cancel:after{
        content: "";
        position: absolute;
        top:.1rem;
        right:0;
        width: 1px;
        height: .6rem;
        background-color: #F3F3F3;
    }
    .jq-alert .alert .fd-btn a.confirm{
        color: #2196F3;
    }
    .jq-alert .alert .fd-btn a.confirm:active{
        background-color: #2196F3;
        color: #FFF;
    }

    /*toast弹出层*/
    .jq-toast{
        z-index: 999;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
    }
    .jq-toast .toast{
        max-width: 80%;
        padding: .1rem .2rem;
        background-color: rgba(0,0,0,.48);
        color: #FFF;
        border-radius: 4px;
        font-size: .28rem;
    }
</style>

<script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
<script>
/*alert弹出层*/
function jqalert(param) {
    var title = param.title,
        content = param.content,
        yestext = param.yestext,
        notext = param.notext,
        yesfn = param.yesfn,
        nofn = param.nofn,
        nolink = param.nolink,
        yeslink = param.yeslink,
        prompt = param.prompt,
        click_bg = param.click_bg;

    if (click_bg === undefined){
        click_bg = true;
    }
    if (yestext === undefined){
        yestext = '确认';
    }
    if (!nolink){
        nolink = 'javascript:void(0);';
    }
    if (!yeslink){
        yeslink = 'javascript:void(0);';
    }

    var htm = '';
    htm +='<div class="jq-alert" id="jq-alert"><div class="alert">';
    if(title) htm+='<h2 class="title">'+title+'</h2>';
    if (prompt){
        htm += '<div class="content"><div class="prompt">';
        htm += '<p class="prompt-content">'+prompt+'</p>';
        htm += '<input type="text" class="prompt-text"></div>';
        htm +='</div>';
    }else {
        htm+='<div class="content">'+content+'</div>';
    }
    if (!notext){
        htm+='<div class="fd-btn"><a href="'+yeslink+'" class="confirm" id="yes_btn">'+yestext+'</a></div>'
        htm+='</div>';
    }else {
        htm+='<div class="fd-btn">'+
            '<a href="'+nolink+'"  data-role="cancel" class="cancel">'+notext+'</a>'+
            '<a href="'+yeslink+'" class="confirm"  id="yes_btn">'+yestext+'</a>'+
            '</div>';
        htm+='</div>';
    }
    $('body').append(htm);
    var al = $('#jq-alert');
    al.on('click','[data-role="cancel"]',function () {
        al.remove();
        if (nofn){
            param.nofn();
            nofn = '';
        }
        param = {};
    });
    $(document).delegate('.alert','click',function (event) {
        event.stopPropagation();
    });
    $(document).delegate('#yes_btn','click',function () {
        setTimeout(function () {
            al.remove();
        },300);
        if (yesfn){
            param.yesfn();
            yesfn ='';
        }
        param = {};
    });
    if(click_bg === true){
        $(document).delegate('#jq-alert','click',function () {
            setTimeout(function () {
                al.remove();
            },300);
            yesfn ='';
            nofn = '';
            param = {};
        });
    }

}
/*toast 弹出提示*/
function jqtoast(text,sec) {
    var _this = text;
    var this_sec = sec;
    var htm = '';
    htm += '<div class="jq-toast" style="display: none;">';
    if (_this){
        htm +='<div class="toast">'+_this+'</div></div>';
        $('body').append(htm);
        $('.jq-toast').fadeIn();

    }else {
        jqalert({
            title:'提示',
            content:'提示文字不能为空',
            yestext:'确定'
        })
    }
    if (!sec){
        this_sec = 2000;
    }
    setTimeout(function () {
        $('.jq-toast').fadeOut(function () {
            $(this).remove();
        });
        _this = '';
    },this_sec);
}</script>
<script type="text/javascript">
	setSize();
	addEventListener('resize',setSize);
	function setSize() {
		document.documentElement.style.fontSize = document.documentElement.clientWidth/750*100+'px';
	}
</script>

<style>
.show-list{
	width:80%;
	margin: 0 auto;
}
.show-list li{
	height: 1rem;
	font-size: .3rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
}
</style>

</head>
<body>

<ul class="show-list">
	<li id="demo1">toast</li>
	<li id="demo2">alert</li>
	<li id="demo3">confirm</li>
	<li id="demo4">prompt</li>
	<li id="demo5">点击按钮跳转</li>
	<li id="demo6">取消默认点击背景消失</li>
</ul>

<script type="text/javascript">
$(function () {
	$('#demo1').click(function () {
		jqtoast('你点击了toast')
	})
	$('#demo2').click(function () {
		jqalert({
			title:'提示',
			content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等'
		})
	})
	$('#demo3').click(function () {
		jqalert({
			title:'提示',
			content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',
			yestext:'知道了',
			notext:'取消'
		})
	})
	$('#demo4').click(function () {
		jqalert({
			title:'提示',
			prompt:'请问你叫什么名字?',
			yestext:'提交',
			notext:'取消',
			yesfn:function () {
				jqtoast('提交成功');
			},
			nofn:function () {
				jqtoast('你点击了取消');
			}
		})
	})
	$('#demo5').click(function () {
		jqalert({
			title:'提示',
			content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',
			yeslink:'https://b.lizhenqiu.com/'
		})
	})
	$('#demo6').click(function () {
		jqalert({
			title:'提示',
			content:'自定义弹窗内容，居左对齐显示，告知需要确认的信息等',
			click_bg:false
		})
	})
});
</script>


</body>	
</html>

查看文章跳到评论

广西河池市宜州市 2018-02-23 17:41

#0

阅读 2230.3万

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

都是成年人了，少抱怨几句，过好自己就行了

查看文章跳到评论

广西河池市宜州市 2018-02-23 17:30

#0

阅读 2230.3万

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

量子力学和意识都很奇怪，因此，它们是等价的。

查看文章跳到评论

广西河池市宜州市 2018-02-23 12:07

#0

阅读 2806.4万

常用html、demo代码

template.js

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

</head>

<body>



<div id="wp"></div>

<script id="tpl" type="text/html">
<%=content%>
<ul>
    <%for(var i = 0; i < list.length; i++) {%>
    <li><%:=list[i]%></li>
    <%}%>
</ul>


<p><%=ppp%></p>
<p><%=tittlle%></p>

</script>

<script src="js/template.js"></script>

<script>
function successf(data){

	//布局测试数据
	/*var data={
			list: ["yan","haijing"]
			,content:'内虽然仍然'
			,ppp:'我是换行'
		};*/

	//var nnns=data;
	/*{
			list: [{name: "yan"},{name: "haijing"}]
			,content:'内虽然仍然'
			,ppp:'我是换行'
		};*/
		//alert(data);
	console.log(data);
	var tpl = document.getElementById('tpl').innerHTML;
	var html=template(tpl, data);
	document.getElementById('wp').innerHTML = html;
}

</script>



<!--异步获取数据-->

<script>
	ajax('get','t.php','1',successf);  //获取服务器数据
	function ajax(method, url, data, success) {
		var xhr = null;
		try {
			xhr = new XMLHttpRequest();//new一个xhr对象，这个对象像信使一样存在着
		} catch (e) {
			xhr = new ActiveXObject('Microsoft.XMLHTTP');//为了兼容IE6
		}
		//如果是get请求，而且data存在，则是要通过get请求发送数据，通过get请求发送数据，数据会被链接到请求地址之后
		if (method == 'get' && data) {
			url += '?' + data;
		}
		//初始化请求，method表示请求方式，url是请求地址，true表示异步
		xhr.open(method,url,true);
		if (method == 'get') {
			xhr.send();//发送请求
		} else {
			xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded');//post方式，需要设置请求头
			xhr.send(data);//发送提交数据
		}
		xhr.onreadystatechange = function() {
			if ( xhr.readyState == 4 ) {//4是请求最后的阶段，
				//http状态码，2开头便是还请求成功
				if ( xhr.status == 200 ) {
					//json 格式化
					var newdata=JSON.parse(xhr.responseText);
					success && success(newdata);
					//success && success(xhr.responseText);//在这里判断一下，如果success存在，则执行它，将响应数据作为参数传入回调函数
				} else {
					alert('出错了,Err：' + xhr.status);
				}
			}
		}
	}
</script>

<!--异步结束-->


</body>

</html>

<?php
	$tt=array(
		'list'=>array(
			'11111'
			,'22222222'
		)
		,'content'=>'我是内容哦'
		,'ppp'=>'21发达省份的31231212'
		,'tittlle'=>'比爱透说是发射点发射点fda道非'
	);
	//print_r($tt['list']);
	
	
/*function my_json_decode($str){
	// if (preg_match('/\"\w\":/', $str)) {  
	//     $str = preg_replace('/\"(\w+)\":/is', '$1:', $str);    //给key加双引号  
	// }  
	$str = preg_replace('/"(\w+)"(\s*:\s*)/is', '$1$2', $str);   //去掉key的双引号  
	return $str;  
}*/
	
	//echo my_json_decode(json_encode($tt));
	echo (json_encode($tt));
	//echo "{list: [{name: 'yan'},{name: 'haijing'}],content:'内虽然仍然',ppp:'我是换行'}";
?>

广西河池市宜州市2018-02-23 12:08:36

PHP去掉json字符串key的双引号

</pre><pre code_snippet_id="421967" snippet_file_name="blog_20140708_2_9591675" name="code" class="php"><pre name="code" class="php">
function my_json_decode($str) {

        // if (preg_match('/\"\w\":/', $str)) {
        //     $str = preg_replace('/\"(\w+)\":/is', '$1:', $str);    //给key加双引号
        // }
        $str = preg_replace('/"(\w+)"(\s*:\s*)/is', '$1$2', $str);   //去掉key的双引号
        return $str;
    }

    $str = '{"test":[{"testName":"哈哈","Url":"http://www.test.com"}]}';
    $str = my_json_decode($str);
    echo "$str";

广西河池市宜州市2018-02-23 12:10:12

					var newdata=JSON.parse(xhr.responseText);
					success && success(newdata);

广西河池市宜州市2018-02-23 12:29:15

js模板引擎

查看文章跳到评论

广西百色市 2018-02-16 04:49

#0

阅读 84.2万

中等收入陷阱

那些离开春晚的人

广西百色市2018-02-16 04:50:33

一
1984年1月，香港九龙电子表厂工人张明敏匆忙赴京。
接机的人死活找不到他。大陆这边以为他年过四旬，可他那年只有26岁。
他紧张地把自己关在酒店两天，不敢出门。门外的北京是完全陌生的世界。
入夜，他问前台小姑娘有没有可口可乐。
四个字小姑娘都会写，但连在一起不知道什么意思。

广西百色市2018-02-16 04:51:27

几周后，他穿上洋装走上春晚舞台，唱了那首《我的中国心》。
电视机前的胡耀邦感动得通宵未眠，带领全家人连夜学歌，天一亮就让秘书询问录播带。
那晚张明敏一口气唱了4首歌，有3首都是观众点的。
那个年代的春晚观众点什么，演员就唱什么。整个会场最核心区域是点播台。
那里也是最危险区域，因为担心电话太多线路过热，黄一鹤安排工作人员准备灭火器，严阵以待。
黄一鹤是春晚奠基人，整个八十年代一口气执导了五届春晚，统治着那些年除夕夜的笑声与掌声。
彼时的春晚。尚未上升到家国天下的高度，不过是忙碌了一年，大家轻轻松松玩一个晚上。
一台春晚，李谷一能返场九次，姜昆即当主持还能穿插说三段相声。
那个年代，笑点都低，但笑声真诚，所有的欢喜都如火焰般炙热。
1987年春晚，费翔登台，唱了两首情绪完全不同的歌。《故乡的云》悠远伤怀，《冬天里的一把火》放肆狂热。
一个高大、英俊、有着蓝色瞳孔的美男子，足以颠覆一个时代的灰暗审美。
那一年，他出品专辑《跨越四海的歌》，里面的歌都没名气，但全国音像店却排起长龙，好长时间内，店前只有两块牌子：“费翔有货”、“费翔无货”。
执导完1990年春晚后，黄一鹤谢幕，春晚导演换成了郎昆和大胡子赵安。

广西百色市2018-02-16 04:52:14

在黄一鹤最后一届春晚中，辽宁开原农民赵本山略带紧张地登台。
其实前一年，他就收到了春晚邀约，并去哈尔滨分会场录好了节目带。
除夕夜，他通知了开原所有亲朋，但直到片尾字幕播出，也没见到他的节目。有朋友笑他是大忽悠，一不小心就触碰了未来。
那个年代，赵本山还只是赵老蔫，还不是大忽悠。
真正的大忽悠在台下，名叫张宝胜。
这位号称能“耳朵识字”和“空瓶取药”的江湖奇人，相关传说覆盖整个八十年代，进入九十年代仍余威不减。
从1990年到1998年，张宝胜受邀在台下连坐八年，据说这样大师才能“给面子，不发功弄碎晚会的灯泡”。

广西百色市2018-02-16 04:53:00

那个蠢萌的时代终究一去不返。
1998年泰坦尼克和互联网一起走红中国，信息化浪潮汹涌。一年后的春晚上，赵丽蓉用拼音唱了那首《我心依旧》。
下台后，巩汉林躲进洗手间哭了。六天前，他们得知了老太太已是肺癌晚期。
1999年，是一条伤感的分割线，上个世纪所有的悲欢，都要在这里有个了断。
那年春天，陈佩斯和朱时茂状告央视下属公司侵权。最终，法院判决央视登报道歉，并赔偿二人经济损失333293元。
赔偿金拿到手遥遥无期，比这更漫长的，是封杀的时限。
那年五一，陈佩斯开着破旧的桑塔纳，被媳妇骗到北京延庆。媳妇告诉他：开荒种树，从头再来。
山岭上泥土湿润，风轻且自在。
喜剧之王拱手作揖，四野再无喧闹的掌声。
二
1998年，赵本山、高秀敏、范伟的组合完成首秀，演了小品《拜年》。
棉裤臃肿的赵本山，对着乡长三胖子矜持地说：正是陛下。

广西百色市2018-02-16 04:53:39

铁三角背后的男人叫何庆魁。老何眉目严肃，可脑海中却装着全东北的段子。
铁三角仅试运行了一年就暂时停摆。
1999年，赵本山拿到个本子《昨天今天明天》，他邀请宋丹丹搭档。黄宏很不高兴，叮嘱宋丹丹，“那本子听说很烂”。
没有人能拦住白云黑土。在实话实说的温情鼓点中，两位东北老人向二十世纪挥手作别。
结尾时略藏私心：我十分想见赵忠祥；倪萍就是我梦中情人，爱咋咋地！
2004年，倪萍再也当不了黑土的梦中情人了。
45岁的她胖到连礼服都穿不下，同台主持的周涛、董卿、曹颖风华正茂，倪萍感到自己已经可有可无。她提前看到了未来，“可以自己走，绝不让人扶。”
10年后，她再次回到央视，主持了一档名为《等着我》的节目。尽管已经衰老发福，一双大眼睛也不复当年清亮，但节目全国收视率仅次于《奔跑吧兄弟》。
据说节目主要收视群体，集中于“二三线城市和农村”的“一边看电视一边抹眼泪的大妈们”。那是倪萍的绝对领域。
2004年，同倪萍一起离开的，还有白云十分想见的赵忠祥。
赵忠祥温和的声音，贯穿了15届春晚，从未出错。然而2004年，在春晚舞台之外，外出觅食的北极熊掉入冰窟。
那年卓伟还小，不然天知道都能爆出什么。
2007年，当了3年副县长后，牛群从蒙城县灰头土脸地归来了。他追在冯巩后面，一路请客买单，但终究旧梦难圆。
众人之中，唯赵本山还念九十年代旧情，伸手拉了一把，将牛群拉成了牛策划，策划公鸡中的战斗机，欧耶。
小品火了，但牛群仍在失落的暗影内。
赵本山自己的日子其实也不好过。两年前，高秀敏意外离世，范伟远走高飞，何庆魁伤心过度，透支了一生的才情和悲伤。
连宋丹丹也拒绝再上春晚后，东北王真的成了寡人。
2009年，赵本山在上海脑溢血住院，死里逃生后，他突然明白，相识满天下，到头来靠得住的还是自家人。

广西百色市2018-02-16 04:54:38

他开始运作自己的徒弟上春晚，后来发展成帝王选秀般“本山带谁上春晚”。
师傅垂青谁，就是改谁的命。
只可惜，带上台这些徒弟，脑袋一个比一个大，脖子一个比一个粗，但却如木偶般，无命可改。
三
新世纪第二个十年，春晚的魔力似乎在渐渐消散。
2011年，一个名叫任月丽的女孩成为最后一批魔力受益者，她更广为人知的名字叫西单女孩。
春晚没有给西单女孩插上《天使的翅膀》，她和别人成立了家牙膏公司，她主要工作是在各种商演中宣传自家牙膏。
和任月丽一起登上那年春晚的，还有王旭和刘刚。不过人们记住的只有旭日阳刚，哪怕两人早已不再合唱。
曾经光着膀子高唱《春天里》的打工两兄弟，年轻的刘刚已泯然众人，有限的新闻说他膨胀了，开豪车，小区鸣笛，暴打老太。
年长的王旭，则忙于赶场各家公司年会。依旧还是那首《春天里》。
2011年，赵本山带着徒弟们表演小品《同桌的你》。节目中有个梗：以下省略多少多少字。
小品王始料未及的是，他和他的徒弟们，将被省略多少多少年。
赵本山离开时，最欣喜的应该是黄宏，陪榜二十年的他，终于看到了拿个一等奖的可能。
赵本山离开后的第一年，黄宏演出小品《荆轲刺秦》。
这是个注定失败的故事。
那一年，连续举办了20年的“我最喜爱的春晚节目”评选正式取消，黄宏却登上了不少“最不想看到的春晚面孔”榜单。
2013年，黄宏从春晚下岗，专职八一电影制片厂厂长，身体力行自己的台词：我不下岗谁下岗？
没有了陈小二，没有了赵老蔫，没有了牛群冯巩，没有了倪萍赵忠祥，时间洪流太急，我们被冲得太远，回望已一片模糊。
去年，姜昆和戴志诚说了一段相声，名叫《新虎口遐想》。
假装掉到老虎洞里的他，再也没有得到热心群众的帮助，他们都在忙着拍照，发微博，发朋友圈。
相声不好笑。姜昆们费力地想赶上这个时代，却不知道人们只是想念记忆中的他们。
两个多月前，一个深夜，赵本山悄悄发了一条微博：大家有想念我的小品么？
第二天上午，微博删掉了。
独自莫凭栏，无限江山，别时容易见时难。换了人间。

查看文章跳到评论

广西南宁市 2018-02-13 12:54

#0

阅读 84.2万

中等收入陷阱

还在上班的朋友再坚持一下，

广西百色市2018-02-16 05:18:41

兄弟新年快乐，我也没有送你们什么礼物，这200个黄色网站和100个小姐电话算是我的一片心意，请记住我，希望你健康成长！
www.tdg58.com
www.gzxydl.com
www.seabcd.com
www.55bt.eu
www.11sasa.com
www.4444kk.com
www.53aiai.com
www.kkk755.com
www.678kjwww.99pupu.com
www.97yes.com
www.q1se.com
www.ggjj.com
www.111kfc.com
www.9999pp.com
www.youjizz.com
www.45xtv.com
www.vvv15.com
www.444kk.com
www.62hh.com
www.108hh.com
www.xsw333.com
www.maose222.com
www.99pupu.com
www.97yes.com
www.q1se.com
www.ggjj.com
www.taosege.com
www.111kfc.com
www.9999pp.com
www.youjizz.com
www.45xtv.com
www.vvv15.com
www.444kk.com
www.62hh.com
www.108hh.com
www.xsw333.com
www.maose222.com
www.66yeye.com
www.gzxydl.com
www.seabcd.com
www.55bt.eu
www.11sasa.com
www.4444kk.com
www.53aiai.com
www.kkk755.com
www.678kjwww.99pupu.com
www.97yes.com
www.q1se.com
www.ggjj.com
www.taosege.net
www.111kfc.com
www.9999pp.com
www.youjizz.com
www.45xtv.com
www.vvv15.com
www.444kk.com
www.62hh.com
www.108hh.com
www.xsw333.com
www.maose222.cowww.99pupu.com
www.97yes.com
www.q1se.com
www.ggjj.com
www.taosege.net
www.111kfc.com
www.9999pp.com
www.youjizz.com
www.45xtv.com
www.vvv15.com
www.444kk.com
www.62hh.com
www.108hh.com
www.xsw333.com
www.maose222.com
www.66yeye.com
www.gzxydl.com
www.seabcd.com
www.55bt.eu
www.11sasa.com
www.4444kk.com
www.53aiai.com
www.kkk755.com
www.678kjwww.99pupu.com
www.97yes.com
www.q1se.com
www.ggjj.com
www.taosege.net
www.111kfc.com
www.9999pp.com
www.youjizz.com
www.45xtv.com
www.vvv15.com
www.444kk.com
www.62hh.com
www.108hh.com
www.xsw333.com
www.maose222.com
www.66yeye.com
www.gzxydl.com
www.seabcd.com
www.55bt.eu
www.11sasa.com
www.4444kk.com
www.53aiai.com
www.kkk755.com
www.678kj.com
www.r7r8.com
www.66dxw.com
www.sao117.com
www.aaa77.com
www.r7r8.com
www.66dxw.com
www.sao117.com
www.aaa776.com
www.66yeye.com
www.gzxydl.com
www.seabcd.com
www.55bt.eu
www.11sasa.com
www.4444kk.com
www.53aiai.com
www.kkk755.com
www.678kj.com
www.r7r8.com
www.66dxw.com
www.sao117.com
www.aaa77.com
www.r7r8.com
www.66dxw.com
www.sao117.com
www.aaa776.com
我只能帮你们帮到这里了。
但记得，叫小姐出来玩的时候，对她们好点，出来玩，总是要还的。
黄美嘉:广东 15202029914
舒琳：广西、18697979390
美玲：广东、18376690119
何媛：湖南、18707455763
露露：广西、15277166525
王欢：陕西、15177117025
文文：东北、18276405678
珊珊：广西、18277222776
小欣：东北、15136915698
赵颖：广西、18776939798
佟艳：东北、13457673131
李洁：东北、15850471789
小白：重庆、15077014818
青青：贵州、15677180006
阿丽：湖南、15778022726
微微：广西、15978156323
杨洋：贵州、18778971228
佳佳：东北、18577037718
小丽：河南、18523227577
张雪：贵州、13507887268
玲玲：山东、15863156777
小芬：贵州、13647706242
杨静：东北、18777183848
钟欣：广西、18776001910
赵俐红：东北、13503656036
小瑶：湖南、15277187588
佳楠：东北、13768334777
小丽：广西、13877959701
阿丽：云南、18076344703
小丽：湖南、18674537156
马玲：东北、118724237755
小丽：湖南、18674537286
小娜：广西、15277713656
小玉：广西、18775916617
晓晓：广西、13607880639
小四川：四川、18776951787
少钧：广西、15578140626
小老实：广西、18777116996
拉拉：广西、15777145552
陈瑶：广西、13877102002
金丽：东北、15909453666
段洋：东北、18278109121
陈瑞：贵州、1351662576
小青：广西、13560941534
清清：广西、18677796313
小羽：广西、15777146138
小雪：广西、13100515622
思琦：广西、15077122283
小娜：东北、13803659942
欧静：东北、13277888099
曾娜：广西、18680273340
沈霞：湖南、13925087370
小琴：广西、15977722825
婷婷：陕西、18792919899
露露：江苏、15996183688
柳柳：广西、18260877913
刘宇：广东、15820245283
小妹：湖南、18007712220
芳芳：河南、18939590765
小卿: 东莞、1345008294

广西百色市2018-02-18 07:48:04

顾客:这样玩着舒服吗？老板:不这样贵点

查看文章跳到评论

最新评论聚合