当前位置:首页» 乱折腾事 » 代码
零分 2018.05.22 代码 , , 1,348 读 0 评
突然突然突然,觉得做一个京东联盟API调用,也许,在微信QQ等场景是不会有被屏蔽的现象。 于是于是于是,就去研究了下京东联盟API,看着一堆接口,描述的确挺不错的,实际返回内容,可能不是你想的那样。。。 另外另外另外,京东联盟的API调用是需要一个token授权的,而且,这个token授权还需要登陆京东账户的,好在这个token的有效期是1年,在1年内,登陆一次就好!据说,修改过京东账户密码,是需要重新获取一次的! 好吧好吧好吧,那就来获取token授权码,想获取token,先得获取code,通过code,再获取token! 先看下官方说明: 再看下获取授权码的API请求链接: https://oauth.jd.com/oauth/authorize?response_type=code&client_id=YOUR_CLIENT_ID& redirect_uri=YOUR_REGISTERED_REDIRECT_URI&state=YOUR_CUSTOM_CODE 对着参数列表,链接是这样的! https://oauth.jd.com/oauth/authorize?response_type=code&client_id=你的Appkey& redirect_uri=你的回调URL&state=随意写 改好后,复制黏贴到浏览器打开,就是一个授权登陆,登陆之后自动跳转到回调地址,参数中带有code值! 通过code值获取token,获取token值请求地址: https://oauth.jd.com/oauth/token?grant_type=authorization_code&client_id=你的Appkey& redirect_uri=你的回调URL&code=刚刚获取的code&state=随意写&client_secret= 你的appSecret 复制到浏览器打开,就可以获得需要的token。 另外,有一个叫做Refresh token的刷新token来延迟Access token的时效,也就是,如果获取一次,可以在有效期内延长时间,比如计划! 获取了Access token之后,就可以使用API接口了! 最后,只想说,京东联盟的API,始终没有阿里妈妈API来的方便! 参考官方文档:http://jos.jd.com/doc/channel.htm?id=152
零分 2016.04.21 代码 , 1,914 读 0 评

零分 2015.11.27 代码 , , 5,056 读 0 评
通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏! 但是,对于position:absolute定位的子元素,仅仅使用overflow:hidden没办法将其溢出部分隐藏,需要在父元素上也加上一个定位position:relative;才能将含有 position:absolute属性的子元素进行溢出隐藏! 效果: 代码: <style> .box{     width:200px;     height:150px;     overflow:hidden;     border:2px solid #000;     float:left;     margin-right:20px; } .relative{     position:relative; } .div{     width:200px;     height:100px;     background:#FF5400;     margin-top:100px;     position:absolute; } .zi{     width:200px;     height:300px;     background:#FF0000; } </style> <div class=“box”> 高300px的子元素溢出隐藏 <div class=“zi”></div> </div> <div class=“box”> 不带relative <div class=“div”></div> </div> <br><br><br><br><br><br> <div class=“box relative”> 带上relative <div class=“div”></div> </div> 附: 1、CSS overflow属性,overflow 属性规定当内容溢出元素框时发生的事情,所有主流浏览器都支持 overflow 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。 这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 默认值:visible hidden:内容会被修剪,并且其余内容是不可见的。 scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit:规定应该从父元素继承 overflow 属性的值。 2、position属性,position 属性规定元素的定位类型。所有主流浏览器都支持 position 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。默认值:static absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed:生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative:生成相对定位的元素,相对于其正常位置进行定位。因此,”left:20″ 会向元素的 LEFT 位置添加 20 像素。 static:默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 inherit:规定应该从父元素继承 position 属性的值。  
零分 2015.10.26 代码 , 3,516 读 2 评
最近一段时间,写一个淘点金店铺的集合页(http://mall.moutaowang.com),在写链接的时候希望A标签能有站内链接href值,同时又需要点击能直接跳转淘点金链接!按照搜索引擎的观点,站内链接能提高爬虫,实际点击的效果是跳转到淘点金生成的链接! 部署完淘点金链接之后,发现如果有站内href值,淘点金无法生效,移除href值淘点金能成功生效。 淘点金组件部署: <a biz-sellerid=“1753012236” isconvert=“1” href=“http://mall.moutaowang.com/shop/29-1.html” target=“_blank”>申美盛旗舰店</a> 淘点金click组件,需要两个属性biz-sellerid和isconvert 带有href值的直接链接到href的链接,不带href就可以链接到淘客链接!搜索引擎对JS无视,利用JQ过滤href值。 $(“a[isconvert^=’1′]”).each(function(i){ $(this).removeAttr(“href”); $(this).css(‘cursor’,’pointer’); 这样,查找 isconvert属性的A标签移出href,这样右击查看属性,地址(URL)就是淘点金生成的淘客链接了! 查看源码,href值就是站内的链接! 因为使用JQ,所以要在文档中引入JQ库!  
零分 2015.10.03 代码 , , 2,102 读 0 评
在html标签中,有不少标签对于CSS的宽高不起作用,如:span,a等标签,想要设置宽高,都需要给标签块级化,在CSS中加上display:inline,display:block,display:inline-block之类的CSS属性才能生效CSS中的宽width和高height,对于块级化的缺憾是,需要站位一行,不想被占用一行的话需要用到浮动float属性。float之后就很难再进行居中! 此时,如果用padding来内充空间的话,也会有块级化的效果!图: 前面的是用display使span标签块级化,生效width和height属性!后面的是用padding来使span具有一定的占用空间! 代码: 唯一的不同就是,一个用了display:block,另外一个是用padding,这个是在分页导航的时候是比较好用的!能使导航居中,无关导航的长度!  
零分 2015.09.19 代码 , 2,633 读 0 评

零分 2015.09.17 代码 , , 3,320 读 0 评
一款不错的JQ渐显渐隐代码 JS代码: <script type=“text/javascript”> jQuery(document).ready(function($) { $(‘#table span’).hover(function() { $(this).addClass(“on”).siblings().removeClass(“on”); $(“#tab-content > div”).eq($(‘#table span’).index(this)).fadeIn(500).siblings().fadeOut(500); }); }); </script> 鼠标移过切换,换点击,将hover换成click即可。 fadeIn(500),渐显,500是时间,ms! CSS: <style> .table{width:320px;height:248px;overflow:hidden;margin:0 0 0 8px;border:1px solid #E6E6E6;} .table .title{width:320px;height:28px;overflow:hidden;border-bottom:1px solid #E6E6E6;} .table .title .one{width:160px;height:30px;line-height:30px;font-size:14px;overflow:hidden;margin:0;text-align:center;display:block;cursor:pointer} .table .title .on{background-color:#FF5400;color:#fff;} .table .box{width:300px;height:200px;overflow:hidden;padding:8px 10px;display:block;position:absolute;} .table .box .li{background:url(“li-style.png”) 0 0 no-repeat;width:300px;height:200px;} .table .box .li a{display:block;width:275px;height:20px;line-height:20px;margin-left:25px; overflow:hidden; whitewhite-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;color:#666;} .f_l{float:left;} </style> CSS样式,这里注意box要给一个 position:absolute ,层进行叠加,否则切换的时候有明显的弹出效果! html代码: <div class=“table” id=“table”> <div class=“title” id=“fli”> <span class=“one f_l on” >TAB选项卡1</span> <span class=“one f_l”>TAB选项卡2</span> </div> <div id=“tab-content”> <div class=“box”> <div class=“li”> <a href=“http://blog.32xp.com/phpstudy-mysql-450.html” title=“PHPstudy搭建本地环境修改数据库上传大小” target=“_blank”>PHPstudy搭建本地环境修改数据库上传大小</a> <a href=“http://blog.32xp.com/js-href-447.html” title=“JS,JQ获取淘点金里的淘客链接href值” target=“_blank”>JS,JQ获取淘点金里的淘客链接href值</a> <a href=“http://blog.32xp.com/adjs-445.html” title=“淘点金JS被浏览器广告过滤屏蔽” target=“_blank”>淘点金JS被浏览器广告过滤屏蔽</a> <a href=“http://blog.32xp.com/meiguorenapp-443.html” title=“美国人每天玩手机APP时间首次超过看电视” target=“_blank”>美国人每天玩手机APP时间首次超过看电视</a> <a href=“http://blog.32xp.com/wordpress-441.html” title=“外站调用wordpress文章” target=“_blank”>外站调用wordpress文章</a> <a href=“http://blog.32xp.com/wordpress-437.html” title=“解决wordpress4.2以上外观菜单无法打开显示选项” target=“_blank”>解决wordpress4.2以上外观菜单无法打开显示选项</a> <a href=“http://blog.32xp.com/php-435.html” title=“PHP替换字符串preg_replace和str_replace的区别” target=“_blank”>PHP替换字符串preg_replace和str_replace的区别</a> <a href=“http://blog.32xp.com/iphone6s-433.html” title=“9月10日凌晨1点直播苹果发布会 6s全面曝光” target=“_blank”>9月10日凌晨1点直播苹果发布会 6s全面曝光</a> <a href=“http://blog.32xp.com/jscode-431.html” title=“JS+html点击运行文本框内代码” target=“_blank”>JS+html点击运行文本框内代码</a> <a href=“http://blog.32xp.com/html5-video-427.html” title=“html5音视频播放标签video” target=“_blank”>html5音视频播放标签video</a> </div> </div> <div class=“box” style=“display:none;”> <div class=“li”> <a href=“http://blog.32xp.com/adjs-445.html” title=“淘点金JS被浏览器广告过滤屏蔽” target=“_blank”>淘点金JS被浏览器广告过滤屏蔽</a> <a href=“http://blog.32xp.com/meiguorenapp-443.html” title=“美国人每天玩手机APP时间首次超过看电视” target=“_blank”>美国人每天玩手机APP时间首次超过看电视</a> <a href=“http://blog.32xp.com/wordpress-441.html” title=“外站调用wordpress文章” target=“_blank”>外站调用wordpress文章</a> <a href=“http://blog.32xp.com/wordpress-437.html” title=“解决wordpress4.2以上外观菜单无法打开显示选项” target=“_blank”>解决wordpress4.2以上外观菜单无法打开显示选项</a> <a href=“http://blog.32xp.com/php-435.html” title=“PHP替换字符串preg_replace和str_replace的区别” target=“_blank”>PHP替换字符串preg_replace和str_replace的区别</a> <a href=“http://blog.32xp.com/iphone6s-433.html” title=“9月10日凌晨1点直播苹果发布会 6s全面曝光” target=“_blank”>9月10日凌晨1点直播苹果发布会 6s全面曝光</a> <a href=“http://blog.32xp.com/jscode-431.html” title=“JS+html点击运行文本框内代码” target=“_blank”>JS+html点击运行文本框内代码</a> <a href=“http://blog.32xp.com/html5-video-427.html” title=“html5音视频播放标签video” target=“_blank”>html5音视频播放标签video</a> <a href=“http://blog.32xp.com/phpstudy-mysql-450.html” title=“PHPstudy搭建本地环境修改数据库上传大小” target=“_blank”>PHPstudy搭建本地环境修改数据库上传大小</a> <a href=“http://blog.32xp.com/js-href-447.html” title=“JS,JQ获取淘点金里的淘客链接href值” target=“_blank”>JS,JQ获取淘点金里的淘客链接href值</a> </div> </div> </div> </div> 数据比较多,html代码比较长! 演示及下载:http://demo.32xp.com/demo/jstab/20150917001.html    
零分 2015.09.15 代码 , 3,037 读 0 评
淘点金代码,是通过一段JS创建淘客链接,通过“审查元素”发现,样式都是通过JS创建的一个iframe标签,所以在提取链接的时候要到iframe里找! 能找到就好办,通过JQ查找链接。$(‘#tk’).find(“iframe”).contents().find(“a”).eq(0).attr(“href”); 完整的JS代码: function get(){ var href = $(‘#tk’).find(“iframe”).contents().find(“a”).eq(0).attr(“href”); if (href != undefined){             alert(href);         }         else{             alert(‘没有加载到淘点金代码,可能原因是还未加载完或浏览器启用了拦截广告功能!’);         } } 事先引入JQ。淘点金代码放在ID=tk的DIV层中,创建一个元素,设置onlick=“get()”,点击就会弹出淘点金内的href值! 通过这里可以自行修改需要调用的href值的地方,也许,并没有实际的意义的,也许会有用处!看个人喜好! 下载:http://dwz.cn/1I58YP  ,注意,代码需放在阿里妈妈联盟通过的网站域名下测试才会生效淘点金! AD:32xp收费群:387295731,群内共享资源免费下载,入群费,第1~5名:88元,5~30名188元,30~100名,288元,100~500名388元,500名以后588元入群费,长期免费分享资源,技术!        
零分 2015.09.10 代码 , , 2,135 读 0 评
PHP str_replace,替换固定的值。str_replace() 函数以其他字符替换字符串中的一些字符(区分大小写)。 该函数必须遵循下列规则: 如果搜索的字符串是数组,那么它将返回数组。 如果搜索的字符串是数组,那么它将对数组中的每个元素进行查找和替换。 如果同时需要对数组进行查找和替换,并且需要执行替换的元素少于查找到的元素的数量,那么多余元素将用空字符串进行替换 如果查找的是数组,而替换的是字符串,那么替代字符串将对所有查找到的值起作用。 语法: str_replace(find,replace,string,count) 参数   描述 find 必需。规定要查找的值。 replace 必需。规定替换 find 中的值的值。 string 必需。规定被搜索的字符串。 count 可选。对替换数进行计数的变量。 PHP preg_replace — 执行一个正则表达式的搜索和替换,根据规则进行搜索替换。 示例: 结果: 能用str_replace替换的都可以用preg_replace替换,在速度上, preg_replace要比 str_replace慢,能用 str_replace就不用 preg_replace!
零分 2015.09.07 代码 , , 2,158 读 0 评
代码类,代码演示类,代码修改等处使用,通过JS+Html表单输入框实现“点击运行”在浏览器中查看文本框内的代码运行效果。 JS代码: function RunCode(txt) { cod=document.all(txt) var code=cod.value; if (code!=“”){ var newwin=window.open(”,”,”); //打开一个窗口并赋给变量newwin。 newwin.opener = null // 防止代码对论谈页面修改 newwin.document.write(code); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。 newwin.document.close(); }else{ alert(“亲,对不起,您是要我运行什么啊!”); //空值时弹出 } } HTML代码:由一个文本框和一个点击完成 <textarea style=“width:990px;height:200px;margin:10px 0px 10px 10px;” id=“code”> </textarea >             <div class=“run” onclick=“RunCode(‘code’)”>点击运行-查看效果</div> 点击之后就可以在浏览器中看待文本框内的效果! 演示:http://demo.32xp.com/runcode.html
TOP