大话主席（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 ...
随机推荐
- 找回消失的ubuntu启动选项
启动菜单消失不是第一次了,这一次还是记录下来吧 原文链接:http://blog.chinaunix.net/uid-26527046-id-3748986.html 在安装windows后安装的ub ...
- 知识工程.Vs.软件构架,框架,设计模式.
软件工程-原文链接:http://tech.it168.com/a2009/0902/672/000000672853.shtml 此文章详细给出了软件设计的基本概念和用途,文章链接:http://w ...
- JavaScript数组操作函数
A: 购物车会有这样的情况,购物车是一个数组,每一个商品是一个对象,分别对应一个id,和一个num ,然后改变商品的时候需要和购物车对比,如果购物车中有这个商品的话,就只改变这个商品对应的id的num ...
- PHP 判断一个字符是否在字符串中
strpos() - 查找字符串 在另一字符串中 第一次出现的位置(区分大小写) stripos() - 查找字符串 在另一字符串中 第一次出现的位置(不区分大小写) strrpos() - 查找字符 ...
- 如何在CentOS 7中禁止IPv6（转载）
最近,我的一位朋友问我该如何禁止IPv6.在搜索了一番之后,我找到了下面的方案.下面就是在我的CentOS 7 迷你服务器禁止IPv6的方法. 你可以用两个方法做到这个. 方法 1 编辑文件/etc/ ...
- mknod指令详解
mknod - make block or character special filesmknod [OPTION]... NAME TYPE [MAJOR MINOR] option 有用的 ...
- 使用requests爬取小说
实现: import requests import re import time def get_chapter(aim_url): ''' 获取小说章节名称和对应的url地址 :param aim ...
- 用Js写贪吃蛇
使用Javascript做贪吃蛇小游戏, 1.自定义地图宽高,蛇的初始速度 2.食物随机出现 3.蛇的样式属性 4.贪吃蛇玩法(吃食物,碰到边界,吃食物后加速,计分,) <!DOCTYPE ht ...
- properties 乱码问题
File --> Others Settings --> Default Settings
- CF449 C. Jzzhu and Apples
/* http://codeforces.com/problemset/problem/449/C cf 449 C. Jzzhu and Apples 数论+素数+贪心 */ #include &l ...