当前位置:首页»第6页

零分 2018.08.08 笔记 , , 122 读 0 评
在百度搜索了不少的切换焦点图,代码太长,功能无法满足需求,最后还是静下心来自己写一个,代码很简单,就是JQ的拼接,主要是JS。 设置自适应窗口大小:$(window).resize(), 播放:setInterval(‘sider(“#sider”)’, 2000); 无线触摸滑动:touch HTML: <div id="banner">   <ul id="sider">   <li><img src="img/1.jpg" alt="" /></li>   <li><img src="img/2.jpg" alt=""/></li>   <li><img src="img/3.jpg" alt="" /></li>   <li><img src="img/4.jpg" alt="" /></li>   </ul>   <ul id="sort_dot">   <li></li><li></li><li></li><li></li>   </ul>   </div>   <input type="button" value="left" class="left"/>   <input type="button" value="right" class="right"/>   <input type="button" value="改变大小" class="change"/>   CSS: *{             padding: 0;             margin: 0;         } #sort_dot{width:80%;}         ul li{list-style-type: none}         #banner{             overflow: hidden;         }         #banner ul{             overflow: hidden;         }         #banner ul>li{             float: left;         }         img{             max-width: 100%;         } JS: function sider(div){ if(count==$li.length-1){ count=0;              }else{ count=count+1;              } $(div).animate({marginLeft:-w*count},600); } var myar = setInterval('sider("#sider")', 2000);  $(function () { $("#sider").hover(function () { clearInterval(myar); }, function () {myar = setInterval('sider("#sider")', 2000) });  }) //初始化 var $li=$("#sider>li"),    w=800,             h=400, count=0; $("#sider>li").width(w); $("#banner").width(w); $("#sider").width(w*$li.length*2); $("#sider>li").height(h); $("#banner").height(h); $("#sider").height(h); $("#sider>li>img").height(h); $("#sider>li>img").width(w);        $('.right').click(function () {    clearInterval(myar); if(count==$li.length-1){ count=0; }else{ count=count+1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000);             })             $('.left').click(function () { clearInterval(myar); if(count==0){ count=$li.length-1; }else{ count=count-1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000);         }) $('.change').click(function () { w=900; h=500; $("#sider>li").width(w); $("#banner").width(w); $("#sider").width(w*$li.length*2); $("#sider>li").height(h); $("#banner").height(h); $("#sider").height(h); $("#sider>li>img").height(h); $("#sider>li>img").width(w); }) //手持滑动  var sx,ex,mx,touch; $('#sider>li').on('touchstart',function(e) {     touch = e.originalEvent.targetTouches[0];     sx = touch.pageX; }); $('#sider>li').on('touchend',function(e) {     touch = e.originalEvent.changedTouches[0];     ex = touch.pageX;     mx=ex-sx; if(mx>30){ clearInterval(myar); if(count==0){ count=$li.length-1; }else{ count=count-1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000); } if(mx<-30){ clearInterval(myar); if(count==$li.length-1){ count=0; }else{ count=count+1; } $("#sider").animate({marginLeft:-w*count},600); myar = setInterval('sider("#sider")', 2000); } //function结束标示 });
零分 2018.08.06 小技巧 , 468 读 0 评

零分 2018.08.06 影视 , 275 读 0 评
《执行利剑》是由王功执导,吕佳容、谭凯、王聪、丹琳等主演的都市执行题材剧 该剧讲述了明州市人民法院女执行法官左琳在执行案件的过程中,偶遇自己多年未见的大学老师郑怀山。郑怀山表面是中国法学院理事,而实际却是商界“明山系”幕后操控人。 左琳与郑怀山斗智斗勇,最终将其绳之以法的故事。 该剧于2018年8月3日在央视八套首播 剧情简介 左琳是明州市人民法院特别执行处的一名女执行法官,在执行永嘉地产案时碰上的对手却是多年未见的大学老师郑怀山,他也是她大学时代的梦中情人。一个女人把法律当武器,一个男人拿法律当凶器,于是两人之间展开了一场漫长的情与法、正义与邪恶的对抗。永嘉地产是市政府重点工程项目,本应盈利,却出现巨额亏损,负债累累,导致法院判决赔偿无法执行。而这笔钱实际上被郑怀山暗中挪用,以拯救发展失衡的“横山系”公司。左琳则以追索永嘉地产的资金去向为突破口,开始了漫长的执行之路。从永嘉地产追到荣达信托,再追到富康咨询、重泰机械,左琳仿佛陷入了一张无形的大网中,一步步落入郑怀山设计好的法律陷阱,一次次陷入执行死局。尽管左琳遇到各种威逼利用,但最终正义战胜情感,亲手将自己的老师郑怀山送入监狱,捍卫了法律的公正。 ———————————————-简介完成,其实为了凑字数————————————– 这部电视剧,我看了一集就想继续看下来,虽然可能有些结局都被猜测到,没有惊喜,虽然主线是左琳对抗昔日的老师兼情人,好像是差一点就结婚的那种(这里八卦一下,现在学校的这种师生恋,甚至到谈婚论嫁底部的很流行吗?) 中间那难免会插入一些小案件,目前为止,比较正能量的就是李小平夫妇抛弃孩子的那个案件,一个女孩子被“扔”在医院5年,一对小夫妇在这个城市开了家5年面馆。 5年过去了,孩子,被医治好了,医院要求家长接回孩子,并支付5年来的孩子的医疗费及住院费二十几万。因为支付不起医疗费以及接孩子回来后的药费,所以一直都不想或者没有办法接孩子回来。 哪里有父母真的狠心遗弃自己的孩子?用电视剧里的称呼说,被执行人的确是存在困难,被执行人遗弃自己的孩子,也是迫不得已,假设5年前没有离开,还是是否还会得到治疗?(赞一下,这演技,真心给力) 而,对比下郑怀山,200万,就只是动动手指的功夫。 最后,李小平夫妇最终还是决定接回自己的孩子,5年的医疗费,被执行人(李小平夫妇)带着全部的家当,包括仅有的四十五点二平米房子的房产证,李小平说:如果再不接回孩子,那还是人吗? 当然,电视剧是传播正能量的,最后,医院全免了孩子的所有医疗住院等费用,李小平夫妇只需将孩子接回就可以! 对比,甬加地产,各种拖延,当然,甬加地产也是整个故事的主线,李小平夫妇的案子,个人感觉,真的是很好的衬托!
零分 2018.08.05 笔记 , 140 读 0 评
input经常无法与其他元素对齐,通常用外层来包裹input,设置外层样式CSS,如依旧无法达到理想的效果,只能将input块级元素化 1、给input添加CSS属性:display:block 添加display将元素显示为块级元素,前后会带有换行符,用float来排列input 2、给input添加CSS属性:display:inline-block 将元素显示为行内块元素,上下对齐用CSS:vertical-align: bottom; 底部对齐
零分 2018.08.03 笔记 , 151 读 0 评
WordPress上传图片,默认会有多个剪裁图片,事实上很多图片是用不到的,可以在后台设置减少剪裁 仪表盘->setting->媒体 设置略缩图尺寸,详细设置这个就已经够用了。 中等尺寸和大尺寸可以设置为0,0表示不剪裁,设置好之后,上传图片就只有两个选择了,略缩图和原始尺寸 空间上也就只有两种图片,一种是略缩图,一种是原始尺寸的图片,可以减少不少空间!
零分 2018.08.03 笔记 , 162 读 0 评
WordPress相关文章列表,先获取标签相关文章,如标签下相关文章不能达到设置数量,获取同类目文章 <?php $i = 0; $post_num = 8;//设置文章显示数量 $exclude_id = $post->ID;//排查当前文章 $posttags = get_the_tags();//获取标签 if ( $posttags ) { $tags = ''; foreach ( $posttags as $tag ) $tags .= $tag->term_id . ','; $args = array( 'post_status' => 'publish', 'tag__in' => explode(',', $tags), 'post__not_in' => explode(',', $exclude_id), 'caller_get_posts' => 1, 'orderby' => 'comment_date', 'posts_per_page' => $post_num ); query_posts($args); while( have_posts() ) { the_post(); $i++; $exclude_id .= ',' . $post->ID; ?>  <div class="about_good fl <?php if($i%2==0){echo 'li-2';} if($i%3==0){echo ' li-3';} if($i%4==0){echo ' li-4';}?>"> <a rel="bookmark" target="_blank" href="<?php the_permalink(); ?>"><?php post_thumbnail(); ?></a> <div class="title"><a rel="bookmark" title="详细阅读 <?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div> </div> <?php } wp_reset_query();} if ( $i < $post_num ) { $cats = ''; foreach ( get_the_category() as $cat ) $cats .= $cat->cat_ID . ','; $args = array( 'category__in' => explode(',', $cats), 'post__not_in' => explode(',', $exclude_id),//排除标签已显示的文章 'caller_get_posts' => 1, 'orderby' => 'comment_date', 'posts_per_page' => $post_num - $i ); query_posts($args); while( have_posts() ) { the_post(); ?> <div class="about_good fl <?php if($i%2==0){echo 'li-2';} if($i%3==0){echo ' li-3';} if($i%4==0){echo ' li-4';}?>"> <a rel="bookmark" target="_blank" href="<?php the_permalink(); ?>"><?php post_thumbnail(); ?></a> <div class="title"><a rel="bookmark" title="详细阅读 <?php the_title(); ?>" target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div> </div>  <?php } wp_reset_query(); }?> 以上带图片,需要在function中设置略缩图
零分 2018.08.01 笔记 , 116 读 0 评
WordPress输出友情链接 1、后台添加“链接”导航 在function.php中加入 add_filter('pre_option_link_manager_enabled','__return_true'); 2、前台调用友情链接列表 <?php wp_list_bookmarks( $args ); ?> 示例: <?php wp_list_bookmarks('orderby=id&categorize=0&show_images=0&title_li='); ?> 参数说明: <?php $args = array( 'orderby' => 'name', 'order' => 'ASC', 'limit' => -1, 'category' => ' ', 'exclude_category' => ' ', 'category_name' => ' ', 'hide_invisible' => 1, 'show_updated' => 0, 'echo' => 1, 'categorize' => 1, 'title_li' => __('Bookmarks'), 'title_before' => '<h2>', 'title_after' => '</h2>', 'category_orderby' => 'name', 'category_order' => 'ASC', 'class' => 'linkcat', 'category_before' => '<li id=%id class=%class>', 'category_after' => '</li>' ); ?> wp_list_bookmarks()参数详解 categorize (布尔型)是否所有链接都应该显示在相应的分类目录下。 1 (true)——默认值 0(false) category (字符串)将要显示的链接分类目录的ID,用逗号隔开。如果没有指定分类,显示所有含有链接的链接分类。 exclude_category (字符串)将被排除的链接分类目录的ID,用逗号隔开。默认值为 (no categories excluded)(不排除任何链接分类)。 category_name (字符串)将要显示的链接所属分类的名称。如果没有指定分类,显示所有含有链接的链接分类。默认值为 (all Categories)(所有链接)。 category_before (字符串)放置在每个链接分类目录前的文本。默认值为'<li id=”[category id]” class=”linkcat”>’。 category_after (字符串)放置在链接分类目录后的文本。默认值为'<‘/li>’。 class (字符串)链接分类列表所在类。默认值为’linkcat’。 category_orderby (字符串)用以排列链接分类的值。有效值包括: ‘name’ ——默认值 ‘id’ ‘slug’ ‘count’ category_order (字符串)排列的顺序,以升序或降序排列category_orderby参数值。有效值包括: ASC ——默认值 DESC title_li (字符串)链接列表的标题。默认值为 ‘__(‘Bookmarks’)’,显示标题为“Bookmarks”(the_(‘ ‘)用于本地化。)只有将categorize设为0(false)时,才可使用该参数(否则将使用分类名称)。若将title_li设为空(0),则不显示列表标题,且链接列表不会被 <ul>, </ul>标签围绕(要确保将categorize选项设为0,以使title_li生效)。 title_before (字符串)’categorize’值为1(true)时显示在每个链接类别前的文本,或’categorize’值为0(false)时在’title_li’中定义的文本。 默认值为'<h2>’。 title_after ‘categorize’值为1(true)时显示在每个链接类别后的文本,或’categorize’值为0(false)时在’title_li’中定义的文本。 默认值为'</h2>’。 show_private (布尔型)是否应显示某个链接分类(即使该分类被认为是私密的)。忽略管理面板的设置,显示私密链接分类(TRUE),或者不显示私密链接分类(FALSE)。 1 (true) 0(false)——默认值 include (字符串)在结果中包含的数值型链接ID列表,各ID用逗号隔开。例如, ‘include=1,3,6’ 表示返回或响应ID为1、3、6的链接。如果使用include字符串,那么 category、category_name、exclude参数将被忽略。默认值为 (all Bookmarks)(所有链接)。 exclude (字符串)将要被排除的链接的ID,各ID用逗号隔开。如 ‘exclude=4,12’表示不返回ID为4和12的链接。默认值为 (exclude nothing)(不排除任何链接)。 orderby (字符串)以何顺序为链接排序。这可能是一份各个值的列表,各值由逗号隔开。默认值为’name’,除非你传递’ ‘(空)值给该参数,此时参数值为’id’。有效值包括: ‘id’ (WP 3.2 及以后版本使用 ‘link_id’ ) ‘url’ ‘name’ ——默认值 ‘target’ ‘description’ ‘owner’ —— 通过连接管理器添加链接的用户 ‘rating’ ‘updated’ ‘rel’ —— 链接关系(XFN) ‘notes’ ‘rss’ ‘length’ —— 链接名称的长度,范围从最短的名称到最长的名称 ‘rand’ —— 以任意顺序显示链接 order (字符串)根据’orderby’参数中的设置为分类目录排序(升序或降序)。有效值包括: ASC ——默认值 DESC limit (整数)可以显示的最大链接数。默认值为-1(所有链接)。 before (字符串)放置在链接前的文本。默认值为'<li>’。 after (字符串)放置在链接后的文本。默认值为'</li>’。 link_before (字符串)超链接代码中链接文本前的文字。无默认值。 link_after (字符串)超链接代码中链接文本后的文字。无默认值。 between (字符串)链接/图片与其说明之间的文本。默认值为’n’(换行)。 show_images (布尔型)是(TRUE)否(FALSE)显示链接的图片 1 (true)——默认值 0(false) show_description (布尔型)是(TRUE)否(FALSE)显示链接说明。该参数用于show_images为FALSE时或未定义链接图片时。 1 (true) 0(false)——默认值 show_name (布尔型)显示链接文本(TRUE)。该参数用于show_images为TRUE时。 1 (true) 0(false)——默认值 show_rating (字符串)是(TRUE)否(FALSE)显示链接的级别。 1 (true) 0(false)——默认值 show_updated (布尔型)是(TRUE)否(FALSE)显示最近更新的时间标记。 1 (true) 0(false)——默认值 hide_invisible (布尔型)是否显示公开度为“不公开”的链接。是(TRUE)否(FALSE)遵循管理面板中的设置。 1 (true)——默认值 0(false) echo (布尔型)显示结果(TRUE),或将结果保留以供PHP使用(FALSE)。 1 (true)——默认值 0(false)
零分 2018.07.30 随笔 , 126 读 0 评
记得曾经一直使用QQ收藏夹来移动文件包,自从有了百度网盘,就开始使用百度网盘,老实说,百度网盘的下载速度真心慢! 每次都要花几分钟时间来下载,虽然上传速度好像不算慢,是时候体验下腾讯微盘!
零分 2018.07.27 笔记 119 读 0 评
JQ逐行向上滚动,适合滚动公告、滚动新闻、滚动…等 JQ: function autoScroll(obj) { $(obj).find("ul").animate({ marginTop: "-20px" }, 500, function() { $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this); }) } $(function() { var myar = setInterval('autoScroll(".uptext")', 2000); $(".uptext").hover(function () { clearInterval(myar); }, function () {myar = setInterval('autoScroll(".uptext")', 2000) }); }) HTML: <span class="uptext"> <a>标题</a> <a>标题</a> </span> CSS: .uptext{height:20px;overflow:hidden;} 以上需引入JQ库
TOP