大话主席（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 ...
随机推荐
- Nginx代码风格图示
Nginx代码风格图示 (100%) 一.基本原则 K&R编码风格(偏BSD子类). 每行不能超过80列. 不用TAB对齐,用空格. 默认对齐单元是4个空格. 除宏定义外,字母均为小写,单词间 ...
- PIC EEPROM问题
1.通过export出来的Hex烧录,EEPROM内容会根据Hex中关于EEPROM的定义而改变. 2.通过编译源文件烧录,如果没有勾选Preserve EEPROM on program则EEPRO ...
- 关于linux系统的sendmail使用中的问题与解决
系统环境是ubuntu16.04 安装 sudo apt-get install sendmail 检查运行情况 sudo service sendmail status 结果如下,表示正在运行 ● ...
- 分布式深度学习之DC-ASGD
本篇笔记是听刘铁岩老师做Distributed Deep Learning:New Driving Force of Artificial Intelligence报告整理而成 深度学习梯度下降公式如 ...
- 关于python从Oracle中读取数据中文全是问号的问题
import os os.environ['NLS_LANG'] = 'SIMPLIFIED CHINESE_CHINA.UTF8' 问题搞定
- 【Educational Codeforces Round 48 (Rated for Div. 2) D】Vasya And The Matrix
[链接] 我是链接,点我呀:) [题意] 告诉你每一行.每一列的异或和. 让你求出一个符合要求的原矩阵. [题解] 显然应该有 a1^a2^....^an = b1^b2^....^bn 也即两边同时 ...
- Java基础学习总结（35）——Java正则表达式详解
在Sun的Java JDK 1.40版本中,Java自带了支持正则表达式的包,本文就抛砖引玉地介绍了如何使用java.util.regex包. 可粗略估计一下,除了偶尔用Linux的外,其他Linu ...
- CodeForcesGym 100676G Training Camp
G. Training Camp Time Limit: 1000ms Memory Limit: 262144KB This problem will be judged on CodeForces ...
- sql中自连接的使用
一.用SQL自连接查询处理列之间的关系 SQL自身连接,可以解决很多问题.下面举的一个例子,就是使用了SQL自身连接,它解决了列与列之间的逻辑关系问题,准确的讲是列与列之间的层次关系.SQL代码如下: ...
- 【jQuery】对于复选框操作的attr与prop
这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...