- 博客(85)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 JQuery 写bootstrap手风琴效果
日期 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem
2017-04-11 15:26:05
431
原创 cursor: not-allowed; bootstrap禁用链接disabled
是一个红色的圈加一个斜杠，表示禁止的意思，似乎IE，chrome firefox 都能够正常显示，很好用
2017-04-11 09:55:01
738
原创 Bootstrap 实例 - 面包屑导航
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0";}
2017-04-11 09:45:47
1573
转载 星星评分功能
Bootstrap图标实现移动端的星星评分功能 $(function () {$('.publish_star_page i').click(function(){ var index = $(this).index();
2017-04-10 17:28:33
380
转载 幻灯片统计
slidesjs 官方网站：http://slidesjs.com/slidesjs响应式图片轮播展示插件,支持触摸。来自网站http://www.gjtn8.com/Index/1基本设置$(function() { $('#slides').slidesjs({ width: 940, height: 528,
2017-04-07 16:36:17
387
转载 响应式布局三种@media
/*小屏幕（平板，iPad大于等于 768px）*/@media (min-width: 768px) {}/*中屏幕（桌面显示器大于等于 992px）*/@media (min-width: 992px) {}/*大屏幕（大屏幕桌面显示器 1200px）*/@media (min-width: 1200px) {}
2017-04-04 17:49:55
736
转载 列表两列布局 display:table-cell; *display:inline-block;
absolute绝对定位的非绝对定位用法，头像固定的，右侧自使用布局 我堆满零碎破败的意象， 在译文中捏造你的容颜。 或生或灭· 一笔带过瑟缩，一句写完执着。 等季节敲打丁零的飘落； 叶是寂静的秋脱离忧思， 花于树的种子滴落咫尺。 你于我异度... 我堆满零碎破败的意象，
2017-04-04 16:59:57
502
转载 媒体对象bootstrap组件
媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。display:table-cell实现兼容性的两栏自适应布局http://www.zhangxinxu.com/study/201010/table-cell-two-column
2017-04-04 16:00:02
357
转载 zoom:1的常见作用
zoom是IE专用属性，firefox等是不支持的。它的本来作用是设置或检索对象的缩放比例，但这作用几乎用不到。可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半，那么就在body中加入style="zoom:0.5" 设置zoom:1可以在IE6下清除浮动、解决margin导致的重叠等问题。通常，当浮动子元素导致父元素塌陷的时候，只要
2017-04-04 14:22:48
4239
转载 实现垂直居中
JS 实现垂直居中，利用line-height$('.carousel-control').css('line-height',$('.carousel-inner img').height()+'px');$(window).resize(function(){ //($('.carousel-inner img')一直获得的是第一张图片，当调到别的图片，高度就变为0
2017-04-04 11:12:59
498
转载 line-height 行高的垂直居中性
hehhhheight:50px;paddlpadding:10px 10px;llililine-height:30px;logonlogo图片和文字垂直居中
2017-04-03 15:26:16
476
转载 :nth-of-type(n)父类中选择元素的第几个 :nth-child(n) 选择某个元素且是父类的第几个元素
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素..table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9;}bootstrap中条纹表格的使用:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型
2017-04-03 14:54:32
1175
转载 jquery判断元素是否隐藏的多种方法
if(!node.is(':visible')){ //如果node是隐藏的则显示node元素，否则隐藏 node.show(); }else{ node.hide();}// jQuery("#tanchuBg").css("display") // jQuery("#tanchuBg").is(":visible") // jQuery("#tan
2017-03-30 14:23:57
288
转载 移动端高度
var oBody=document.getElementsByTagName('body')[0];oBody.style.height=document.documentElement.clientHeight+'px';
2017-03-30 10:16:05
259
转载 tab高级
$("#searchCondition li").click(function(){ $(this).addClass("active").siblings().removeClass(); $("#dropdownbox .dropdown").eq($("#searchCondition li").index(this)).siblings().hide();
2017-03-30 09:25:14
223
转载 查看更多
//主题精选查看更多 $("#theme-more-btn").click(function () { var self = $(this); $("#themeTemplate").toggle(300, function () { if ($(this).css('display') == 'none') {
2017-03-28 17:17:07
1228
原创 自己写的 tab显示不同的列表
全部aabbcc aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa111111111111 bbbbbbbbbbb aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa222222222 bbbbbbbbbbb11111 cccccc bbbbb
2017-03-25 17:11:27
381
转载 手机端垂直居中
position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
2017-03-24 16:59:16
1422
转载 tab切换swiper不生效的解决
问题是这样的： 当你兴高采烈的写完一个tab，并且把swiper嵌入到每一个tab item 觉得大功告成的时候，你会发现，永远只有第一个tab上的swiper生效了，其余的不管你怎么切换，swiper总是初始化失败，是的，就是不能愉快的滚动了~解决：[javascript] view plain copy observer:true,//修
2017-03-24 11:55:44
3584
转载 点击跳转到指定位置
$(".acronym li").click(function(){event.preventDefault();var s = $(this).attr('data-scroll-src');$(window).scrollTop($('h3[data-scroll-dest='+s+']').offset().top-60);});
2017-03-23 20:00:03
629
转载 返回顶部
<a href="javascript:scrollTo(0,0);" id="go-top" style="display:none;"> <script type="text/javascript"> $(document).ready(function() { //首先将#back-to-top隐藏 $("#back-to-top
2017-03-23 19:29:57
364
转载 tab切换
Jquery 最新评论近期热评随机文章 1234567890-1 1234567890-2 1234567890-3 //tab切换$('#tab-title span').click(function(){ $(this).
2017-03-23 19:17:14
243
转载 跳转指定位置，类似锚链接
//跳转到指定城市$(".acronym li").click(function(e){var s = $(this).attr('data-scroll-src');$('body,html').scrollTop($('h3[data-scroll-dest='+s+']').offset().top);});
2017-03-23 16:53:31
390
转载 返回上一页代码大全
1、文字链接： JavaScript:history.back(-1)">返回上一页 2、图片链接： 弹出提示，返回上一页： alert("恭喜您，操作成功！"); window.history.back(-1); 3、过几秒中后返回到上一页： setTimeout("history.Go(-1)",3000)
2017-03-11 10:18:27
937
1
转载 首页视频内循环
{msvod:class table="video_list" field="id,name" fid="0" loop="5" order="asc"} [class:name]区
2017-02-04 16:44:22
413
转载 php类常量的使用详解
注意：不像其他的面向对象编程语言，在php中，类不能对某个属性变量使用final修饰符。如果要声明某个属性为常量，可以使用const关键字，并且无需使用美元符号作为变量名前缀，也无需使用访问权限修饰符。常量意味着虽然可以访问该变量，但不能修改该变量的值。例如下边的代码声明了常量属性con_var：复制代码代码如下:class Foo{ const con_var="
2016-12-27 08:50:10
302
转载 PHP笔记
PHP使用http_build_query()构造URL字符串的方法/** * 数据签名认证 * @param array $data 被认证的数据 * @return string 签名 * @author 麦当苗儿 */function data_auth_sign($data) { //数据类型检测 if(!is_
2016-12-26 18:20:03
290
转载 phpcms标签总结
1.友情链接typeid="0"，即友情链接默认分类***LOGO链接调用{pc:link action="lists" typeid="0" siteid="$siteid" linktype="1" order="desc" num="6" return="dat"}{loop $dat $v} {/loop}{/pc}***文字链接调用{pc:li
2016-11-22 10:07:47
1300
转载 Phpcms v9采集错误：“没有找到网址列表，请先进行网址采集”怎么解决？
转载地址：http://cmsyou.com/forum/question/71这是因为Phpcms V9采集网址列表入库时，同时检测“网址”和“标题”是否为空。当为空的时候就跳出、提示出错。解决方法：修改phpcms\modules\collection\node.php第287行：if (empty($v['url']) || empty($v['title']))
2016-11-21 15:43:33
1293
转载 第一项目使用标签
导航菜单{msvod:class table="video_list" field="id,name" loop="5" order="asc"} [class:name] {/msvod:class}内循环调用每个视频栏目的几个视频{msvod:class table="video_list" field="id,name" fid="0" sort="xid"loop="5"
2016-11-04 15:39:36
516
转载 THML5 播放器代码
<video class='video' poster='/mscms/tpl/skins/default/skin_{mscms:skin}/images/poster.jpg' width='100%' height='270' controls='controls'autoplay='autoplay'>
2016-11-04 14:44:03
514
转载 MSVOD笔记
//全局部分链接标签 {msvod:gbooklink} 网站留言 {msvod:solink} 搜索链接 {msvod:codes} 验证码地址 {msvod:userlink} 会员版块 {msvod:loginlink} 会员登录 {msvod:reglink} 会员注册 {msvod:passlink} 密码找回 {msvod:qqlink} QQ登录
2016-10-28 10:27:20
2098
1
转载 时间的调用JS代码
var d = new Date();document.write(d.getFullYear()+'年'+(d.getMonth()+1)+'月'+d.getDate()+'日'+' 星期'+'日一二三四五六'.charAt(new Date().getDay()));
2016-10-13 11:23:54
363
转载 dedecms调用当前栏目ID与当前栏目顶级ID的方法
一、采用dedecms获取当前所在栏目ID的方法如下:1.模板中调用栏目ID采用如下方法:复制代码代码如下:{dede:type}[field:ID /]{/dede:type}2.如果是在{dede:sql}里面调用当前栏目ID的话,调用方法如下:复制代码代码如下:{dede:sql sql='Select
2016-03-03 10:03:42
3516
转载 图集
{dede:field name='imgurls' alt='图片输出区'} img src=[field:imgsrc/] alt="[field:alttext /]" /> {/dede:field} 使用以上标签放在图片内容页相应的位置。上面的调用代码默认情况下只能调用一张大图，下面教大家怎样获得所有大图列表首先发布图片集的时候 “表现方式”选择第三种，即多缩
2016-01-16 10:33:04
265
转载 DEDE列表调用有缩图显示缩图,无缩图则不显示缩图
在list_article.htm模板页里，有文章列表没有图片，但是前面会显示“无缩略图”，就是当没有图片的时候，怎么样去掉这个“无缩略图”的原始默认缩图，下面我们只需要把原来列表调用标签中的以下代码：[field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "a href='{@me['arcurl']}'>img sr
2016-01-06 14:21:52
647
转载 手机网站打电话链接等
一键拨号 发送短信 邮箱是不是可以用手机QQ跟小编强行聊天了呢？既然电脑上有tencent://协议，那么手机上一定也有吧，抓包分析了一下：scheme = "mqqwpa://im/chat?chat_type=wpa&uin=" + g.tuin + "&ve
2015-12-15 13:58:57
1401
国际电话区号选择插件
2018-12-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人