大话主席（superslide和 touchslide）插件的使用
对于实现效果来说，插件的办事效率真的是太高了，而且里边也被处理过兼容性，用起来实在是特别方便，现在我们来说说大话主席中的slide插件，它分为pc端（superslide）和移动端（touchslide）。
superslide：
1、引用jQuery.js 和 jquery.SuperSlide.js
因为SuperSlide是基于jQuery的插件，所以前提必须先引用jQuery，再引用SuperSlide
<head>
<script type="text/javascript" src="../jquery1.42.min.js"></script>
<script type="text/javascript" src="../jquery.SuperSlide.2.1.1.js"></script>
</head>
2、编写HTML
以下是默认的HTMl结构，分别是 ".hd" 里面包含ul， ".bd" 里面包含ul
<div class="slideTxtBox">
<div class="hd">
<ul><li>教育</li><li>培训</li><li>出国</li></ul>
</div>
<div class="bd">
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布！</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
...
</ul>
<ul>
<li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
...
</ul>
</div>
</div>
3、编写CSS，为HTML赋予样色
认真检查您的css，保证兼容大部分浏览器前提下再调用SuperSlide
.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left; }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; }
.slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px; zoom:1; }
.slideTxtBox .bd li{ height:24px; line-height:24px; }
.slideTxtBox .bd li .date{ float:right; color:#999; }
4、调用SuperSlide
因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>
下边便是我利用这样的方法写的一个轮播图
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
* {
margin: 0;
padding: 0;
list-style: none;
} #box {
width: 500px;
height: 300px;
position: relative;
margin: 100px auto;
} .hd {
position: absolute;
height: 100%;
width: 100%;
} .hd_ul {
height: 10px;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
padding: 5px;
border-radius: 10px;
background-color: rgba(255, 255, 255, .5);
z-index: 2;
} .hd_ul li {
float: left;
background-color: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 0 5px;
} .hd_ul li.on {
background-color: hotpink;
} .bd_ul{
position: relative;
z-index: 1;
}
.bd,
.bd_ul,
.bd_ul li,
.bd_ul img {
width: 100%;
height: 100%;
overflow: hidden;
} .prev,
.next {
width: 50px;
height: 100px;
font-size: 50px;
line-height: 98px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
} .prev:hover,
.next:hover {
background-color: rgba(200, 200, 200, .5);
color: #fff;
} .prev {
left: 0
} .next {
right: 0;
} .tempWrap{
height: 100%;
} .clearfix:after {
content: "";
width: 0;
height: 0;
display: block;
line-height: 0;
clear: both;
visibility: hidden;
} .clearfix {
zoom: 1;
}
</style>
<script src="./superslide插件案例/jquery1.42.min.js"></script>
<script src="./template-web.js"></script>
<script src="./superslide插件案例/jquery.SuperSlide.2.1.1.js"></script>
<title>superslide</title>
</head> <body>
<div id="box" class="demoBox ">
<div class="hd">
<ul class="hd_ul">
<!-- 坑 -->
</ul>
</div>
<div class="bd">
<ul class="bd_ul">
<!-- 坑 -->
</ul>
</div>
<div class="prev"><</div>
<div class="next">></div>
</div> <script type="text/html" id="hd_tpl">
{{each result v i}}
<li></li>
{{/each}}
</script> <script type="text/html" id="bd_tpl">
{{each result v i}}
<li><a href="{{v.link}}"><img src="{{@v.image}}"></a></li>
{{/each}}
</script> <script>
$(function () {
$.ajax({
url: "./json.json",
success: function (data) {
if (data.status == 200) {
//实现点击按钮效果加载
var hd_html = template("hd_tpl", data);
$(".hd_ul").html(hd_html);
//实现bd效果加载
var bd_html = template("bd_tpl", data);
$(".bd_ul").html(bd_html); //slide插件
$("#box").slide({
mainCell: ".bd_ul",
effect: "leftLoop",
autoPlay: true,
interTime: 1000,
delayTime: 500,
trigger: "click",
scroll: 1
});
}
}
});
});
</script>
</body> </html>
其中的api可以参考官网：http://www.superslide2.com/param.html
touchslide：
1、引用TouchSlide.js
具体路径自行设置。
<head>
<script type="text/javascript" src="../TouchSlide.1.0.js"></script>
</head>
2、编写HTML
以下是默认的HTMl结构，分别是 ".hd" 里面包含ul， ".bd" 里面包含ul
<div id="leftTabBox" class="tabBox">
<div class="hd">
<ul>
<li>国内</li>
<li>国际</li>
<li>时事</li>
</ul>
</div>
<div class="bd">
<ul>
<li><a href="#">官方明确感染H7N9高危人群</a></li>
...
</ul>
<ul>
<li><a href="#">日:沈阳军区部队开赴中朝边境</a></li>
...
</ul>
<ul>
<li><a href="#">农业占GDP低政府支持力度大</a></li>
...
</ul>
</div>
</div>
3、编写CSS，为HTML赋予样色
因为现在大部分手机浏览器都支持 html5，所以你的css兼容chrome就无大问题了
.tabBox .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #F5AB38; position:relative; }
.tabBox .hd ul{ position:absolute; height:41px; top:0; overflow:hidden; }
.tabBox .hd ul li{ float:left; padding:0 10px; color:#666; }
.tabBox .hd ul .on{ border:2px solid #F5AB38; border-bottom-color:#fff; background:#fff; color:#CF7F21; }
.tabBox .bd ul{ padding:10px 0 10px 10px; }
.tabBox .bd li{ height:33px; line-height:33px; }
.tabBox .bd li a{ color:#666; }
4、调用TouchSlide
在本例中，请在 “.tabBox” div结束后立刻调用 TouchSlide，这样会得到最好的效果，避免整个页面加载后再调用 TouchSlide；
因为是默认HTML结构，所以参数都为默认值，不用填写titCell、mainCell等。
<script type="text/javascript">TouchSlide({ slideCell:"#leftTabBox" });</script>
下边便是我利用这样的方法写的一个手机端小案例
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
* {
margin: 0;
padding: 0;
list-style: none;
} .box .hd {
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 20px;
background: #F3F3F3;
border-top: 2px solid #CECECE;
} .box .hd ul {
overflow: hidden;
} .box .hd ul li {
float: left;
margin: 0 10px;
color: #515151;
} .box .hd ul .on {
border-bottom: 2px solid #BA2636;
color: #BA2636;
} .box .hd ul .on a {
display: block;
/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */
} .box .bd ul {
padding: 10px 0 10px 10px;
} .box .bd li {
height: 33px;
line-height: 33px;
} .box .bd a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 去掉链接触摸高亮 */ .box .bd li a {
color: #555;
}
</style>
<script src="./touchslide官网案例/TouchSlide.1.1.js"></script>
<title>touchslide</title>
</head> <body>
<div id="box" class="box">
<div class="hd">
<ul>
<li>国内</li>
<li>国际</li>
<li>时事</li>
</ul>
</div>
<div class="bd" id="content">
<div class="con">
<ul>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
<li><a href="javascript:void(0)">官方明确感染H7N9高危人群</a></li>
</ul>
</div>
<div class="con">
<ul>
<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)">日:沈阳军区部队开赴中朝边境</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)">日:沈阳军区部队开赴中朝边境</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)">日:沈阳军区部队开赴中朝边境</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)">日:沈阳军区部队开赴中朝边境</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)">日:沈阳军区部队开赴中朝边境</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)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
<li><a href="javascript:void(0)">日:沈阳军区部队开赴中朝边境</a></li>
</ul>
</div>
<div class="con">
<ul>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
<li><a href="javascript:void(0)">农业占GDP低政府支持力度大</a></li>
</ul>
</div>
</div>
</div>
<script>
TouchSlide({
slideCell: "#box",
// autoPlay:true //自动轮播
endFun: function (i) { //高度自适应
var bd = document.getElementById("content");
bd.parentNode.style.height = bd.children[i].children[0].offsetHeight + "px";
if (i > 0) bd.parentNode.style.transition = "300ms";//添加动画效果
}
});
</script>
</body> </html>
其中的api方法可参考官网：http://www.superslide2.com/TouchSlide/param.html
大话主席（superslide和 touchslide）插件的使用的更多相关文章
- TouchSlide - 大话主席
http://www.superslide2.com/TouchSlide/downLoad.html 首 页如何使用查看参数案例演示下载页面交流反馈SuperSlide TouchSlide - ...
- SuperSlide轮播插件滚动高度或宽度不对的问题解决
声明:本文由w3h5原创,转载请注明出处:<SuperSlide轮播插件滚动高度或宽度不对的问题解决> SuperSlide 是一款比较实用的轮播插件,网站上常用的“焦点图/幻灯片”“Ta ...
- TouchSlide 插件使用介绍
TouchSlide(PC端插件http://www.superslide2.com/demo.html#effect1) 可用于javascript触屏滑动特效插件,移动端滑动特效,触屏焦点图,触屏 ...
- TouchSlide 插件参数
TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于: 1.TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和Su ...
- 多功能前台交互效果插件superSlide
平时我们常用的"焦点图/幻灯片""Tab标签切换""图片滚动""无缝滚动"等效果要加载n个插件,又害怕代码冲突又怕不兼容 ...
- 手机站点动态效果插件TouchSlide
今天看到TouchSlide插件,觉得非常不错,关于使用情况请看demo,下载地址:http://www.superslide2.com/TouchSlide/downLoad.html
- 【大话QT之十二】基于CTK Plugin Framework的插件版本号动态升级
应用需求: 某些场景下我们可能面临这种问题,在执行着的应用程序不能终止的情况下,升级某个功能(或添,或减.或改动).在不採用CTK Plugin Framework插件系统架构的情况下这将是非常困难的 ...
- 【大话QT之十六】使用ctkPluginFramework插件系统构建项目实战
"使用ctkPluginFramework插件系统构建项目实战",这篇文章是写博客以来最纠结的一篇文章. 倒不是由于技术都多么困难,而是想去描写叙述一个项目架构採用ctkPlugi ...
- superslide滚动插件使用记录-产品滚动-图片滚动
在用wordpress制作一个企业网站时,用到了这个superslide的滚动插件,用于案例.证书等滚动效果.该插件网站在这里:http://www.superslide2.com/ 我所使用的wor ...
随机推荐
- vs中的正则替换
老版本: String {\w+} => Public String \1 2012中: String (\w+) => Public String $1
- 实验6 Bezier曲线生成
1．实验目的: 了解曲线的生成原理,掌握几种常见的曲线生成算法,利用VC+OpenGL实现Bezier曲线生成算法. 2．实验内容: (1) 结合示范代码了解曲线生成原理与算法实现,尤其是Bezier ...
- Angular ui-router的常用配置参数详解
一.$urlRouterProvider服务 $urlRouterProvidfer负责监听$location,当$location变化时,$urlRouterProvider将在规则列表中查找匹配的 ...
- （转）基于MVC4+EasyUI的Web开发框架经验总结（4）--使用图表控件Highcharts
http://www.cnblogs.com/wuhuacong/p/3736564.html 在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件 ...
- parent() parents() parentsUntil()三者之间的对比
$(document).ready(function(){ $("span").parent(); });只拿到span的父级标签 $(document).ready(functi ...
- hive优化分享
粘贴一下我在部门中的一次hive优化的分享. 简述 hive构建在hadoop基础上,利用分布式存储,通过mr引擎实现对大数据的计算.MR会频繁地读写磁盘而且MR任务的启动成本很高.对于hive优化显 ...
- 路飞学城Python-Day59(第五模块复习题)
HTML div标签是块级标签,单独一行,可以作为其他标签的容器,没有特定含义 span是内联标签,可以作为文本内容的容器,没有特定含义 1. 查询一下对div和span标签的理解 不同的标签有自己含 ...
- node中exports和module.exports的关系及使用
在node中,需要记住,在使用exports和module.exports的时候,实际输出的是module.exports. exports指向module.exports,是module.expor ...
- POJ 2115 C Looooops（ 简单拓欧 + 快速幂 ）
链接:传送门 题意:题目中给出一个循环 for (variable = A; variable != B; variable += C) ,这个东东还需要 mod 2^k 问至少多次能退出,如果进入死 ...
- 树状数组求LIS
我真的是咸鱼啊 多少年前的基础了我竟然才弄明白,哭 用树状数组维护<=x的最上上升子序列的最大值即可啊Orz 我真的菜的一笔啊! #include <bits/stdc++.h> u ...