恢复内容开始 由于对JQuery不熟悉，折腾了半天...... 但不管怎么说，总算是完成了，也是一点进步。 先上完成后的代码。 上面是HTML/CSS代码，没什么大问题。 接下来切换效果，我们用jQuery实现，这个过程够折腾，一把辛酸泪。 用jQuery的时候一定不要和原生js混用！用jQuery ...
分类：
Web程序 时间：
2017-05-17 17:24:45
阅读次数：
326
1 <style> 2 *{margin:0;padding:0;} 3 body{font-size:14px;font-family:"Microsoft YaHei";} 4 ul,li{list-style:none;} 5 #tab{position:relative;} 6 #tab . ...
分类：
Web程序 时间：
2017-05-02 21:04:40
阅读次数：
292
加入了右击TAB选项卡时显示关闭的上下文菜单 具体实现代码： 右键菜单 HTML: <div id="mm" class="easyui-menu" style="width:150px;"> <div id="mm-tabclose">关闭</div> <div id="mm-tabcloseal ...
分类：
Web程序 时间：
2017-04-23 00:57:40
阅读次数：
243
通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,用vue实现也是同样的原理，都是操作active类。 我们都知道用vue给一个dom节点添加一个类的方法，要实现选项卡就的操作active类。 我们可以传给 v-bind: ...
分类：
其他好文 时间：
2017-04-12 13:32:29
阅读次数：
201
<script>
functionchangeTab(changetab){
vartabs=$(".navtab_sml").find("a");
varcts=$(".navtab_sml_info>div");
for(i=0;i<tabs.length;i++){
if(tabs[i]==changetab){
tabs[i].className="selected";
cts[i].style.display="block";
}else{
tab..
分类：
其他好文 时间：
2017-04-10 13:43:55
阅读次数：
170
作为网页的基本常见特效，我今天趁着中午下班，赶紧试一下，没想到简单的实现了， 不过本来就是入门级的东西，就当打怪升级吧！ html: css: jquery: ...
分类：
Web程序 时间：
2017-04-04 13:27:09
阅读次数：
215
之前也见了不少的tab选项卡，但是下面这个选项卡是一个页面中有多个时互不影响的。 ...
分类：
其他好文 时间：
2017-03-24 20:37:34
阅读次数：
180
通过前一篇文章 从简单的Tab标签到Tab图片切换 的说明，相关效果也就可以实现了。 1.左右按钮tab选项卡双切换 很明显，左右两个按钮是 absolute 布局，另外就是内容部分和Tab标签部分。 1) 先实现Tab内容和标签部分的显示： HTML代码： CSS代码: 效果： 2) 然后我们把两 ...
分类：
其他好文 时间：
2017-03-21 22:28:27
阅读次数：
247
这两天遇到一个页面，同一个页面中同一个特效会用好多次，比如tab，比如轮播等。我又不想很不负责任的复制一遍代码，那样页面臃肿，自己心里也堵得慌。于是就想着把代码封装起来多次调用。 对于封装，只在公开课看过一个老师操作，自己也是啥也不懂得。 好歹最后在群里大神的指导下，一步一步的由简致难完善了。就上最 ...
分类：
Web程序 时间：
2017-02-24 12:29:02
阅读次数：
200
html： 最新 热门 新闻 11 22 33 js: $(document).ready(function(){ $(".tab li").click(function(){ $(".tab li").eq($(this).index()).addClass("cur").siblings().r... ...
分类：
Web程序 时间：
2017-01-19 14:10:27
阅读次数：
200
