分类目录归档:WEB前端

让百度分享自动悬浮在博客顶部的jquery

引入百度分享自动悬浮在顶部jquery 百度分享是让来访者分享一篇博文的插件,可以提高博客被分享的概率。因为用户点起来方便啊。 不过月小升认为随着用户拖动悬浮起来比较酷哦。(百度自己的悬浮样子感觉用户用起来不太方便) 直接用以下代码 <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>   <script src="/blog/js/scroll.js"></script>   <div class="y_bds" style="clear:both;"> <!– Baidu Button BEGIN –> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_renren"></a> <a class="bds_douban"></a> <span class="bds_more"></span> <a class="shareCount"></a> </div> <script type="text/javascript" … 继续阅读

发表在 WEB前端 | 标签为 , , , | 留下评论

14个酷炫的HTML5网站

HTML5 网站 http://weareeli.dk/ 特点:拖拽,滚轮,切换效果 http://az-trustee-sales.com/ 特点:简洁,切换效果 http://orangesprocket.com/ 特点:简洁,导航效果 http://www.worryfreelabs.com/ 特点:简洁,切换效果 http://www.pixelcriativo.com.br/ 特点:简洁,切换效果 http://www.l2ouro.com/ 特点:简洁,结构简单 http://www.dieselblackgold.com/ 特点:导航效果,切换效果 http://www.birrificioirpino.it/ 特点:滚轮,视觉差滚动 http://www.itosieceni.pl/ 特点:滚轮,视觉差滚动 http://abduzeedo.com/ 特点:滚轮,视觉差滚动 http://www.chaos.co.ke/ 特点:滚轮,视觉差滚动 http://panasonic.jp/lamdash/dna/ 特点:滚轮,视觉差滚动 http://dangelicoguitars.com/ 特点:滚轮,视觉差滚动 http://www.vacheron-constantin.com/en/metiers-d-art-florilege 特点:滚轮,视觉差滚动

发表在 WEB前端, 科技精品 | 标签为 , | 4 条评论

JS左右滑动图片,网页区域

js 左右滑动的图片基础原理。 main1 main2 效果

发表在 WEB前端 | 标签为 , | 留下评论

php post 提交json格式数据

最近发现php在发送一个POST json格式的请求的时候,以前的方法都不好用。什么sockt方法也不好用。(估计socket 方法肯定能封装出来的,一定是某些地方没弄对)。后来发现的确和以前的都不一样。网络资料也非常少。有了也是ajax 提交的方式。 以前的发送请求方式 php远程下载图片三种方法 高速下载图片的一种算法 $data = array("title" => "mcyuii", "content" => "365");   $data_string = json_encode($data);   $data_string = $messageBody; $url = "http://xxxxxxx:9346/hix/user/login"; $ch = curl_init($url); curl_setopt($ch,CURLOPT_CUSTOMREQUEST,"POST"); curl_setopt($ch,CURLOPT_POSTFIELDS,$data_string); curl_setopt($ch,CURLOPT_RETURNTRANSFER,true); curl_setopt($ch,CURLOPT_HTTPHEADER, array( ‘Content-Type: application/json’, ‘Content-Length: ‘ . strlen($data_string)) … 继续阅读

发表在 PHP, WEB前端 | 标签为 | 留下评论

FireFox调试网络请求组件 HttpRequester

HttpRequester是一个FireFox的插件,用来模拟POST,GET等浏览器一系列行为。如果你需要对接一些接口,那么先使用这个工具进行模拟可以大大节省开发的调试时间。 1.到FireFox里搜索附加组件 “HttpRequester” 2.工具栏启动 如下图所示。 左边为发起请求的参数,右边为请求返回的结果。 例子中简单模拟了get 百度首页的请求,返回了百度的网页内容。 小工具用起来很不错,以前每次都用java自己发起请求,很麻烦。有了这个就方便多了。

发表在 WEB前端 | 标签为 , | 一条评论

jQuery attr函数使用

attr 匹配一个元素的任意属性。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript"> function jq(){ alert($("img").attr("tags")); } </script> </head>   <body> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" name="myimage" tags="baidu" /><br>       <a href="#" id="test" onClick="jq()">jQuery</a>   </body>   </html> 当然也可以匹配src alert($(“img”).attr(“src”)); attr函数还可以给一个属性赋值 $(“img”).attr(“alt”,”baidu logo2 Image”); 批量赋值 … 继续阅读

发表在 WEB前端 | 标签为 | 留下评论

jQuery 元素隐藏函数toggle

toggle 函数一个函数搞定以前写js里,if($(“x”).style.display==”block”){….}else{} 一个函数全部搞定。方便不少。函数还可以回调其他函数。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script>   </head>   <body>   <script type="text/javascript"> function jq(){ alert("b"); } </script>     <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" style="width:150px"/> <a href="#" onClick=’$("img").toggle("slow")’>jQuery1</a>   <hr> <div id=a1 style="width:200px;height:200px;background:blue;"></div> <a href="#" onClick=’$("#a1").toggle("normal",jq)’>jQuery2</a> </body>   </html> $(selector).toggle(speed,callback,switch) … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

玩转Discuz门户功能

1.如何开启Discuz门户功能 进入后台点击全局——站点功能——功能模块——点击“门户”开启即可。 对应其他版本应该也差不多吧。 月小升采用的是Discuz! 2.5 UTF8版本开启门户功能方法 2.如何将门户设置为首页 点击 界面—–导航设置—-选择门户为首页 完毕。 3.如何换一个Discuz门户的首页模板 点击 界面——-风格管理—–获取更多风格 就可以安装现成的一些模板了。 Discuz功能还是蛮强大的,有人直接拿这套体系做了一个门户。

发表在 PHP, WEB前端 | 标签为 , | 留下评论

jQuery 的after函数

after函数相当于匹配一个元素以后,在这个元素后面增加一段文字 <div id="s1">my name is</div> 使用函数after(“tom”); 形成的html结构为 <div id="s1">my name is</div>tom append函数是在元素内部增加 append(“tom”) <div id="s1">my name is tom</div> after(elm) after 一个元素,相当于,将elm这个元素移动到当前匹配到的元素后面 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript">     function jq(){ $("#test").after("<b>Hello</b>"); $("#test").after($("#test3"));   } </script> </head>   <body> … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

jquery中的each函数使用

each(fn) 说明:将函数作用于所有匹配的对象上 参数:fn (Function): 需要执行的函数 each 对于制作批量图片特效非常有用 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ //表示对每一个这个元素,执行这样的行为 $("img").each(function(){ this.src= "http://img.baidu.com/img/image/ilogob.gif"; });   $("div").each(function(){ this.innerHTML = "b"; });   }); }); </script> </head>   <body> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png"/><br> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png"/>   <div … 继续阅读

发表在 WEB前端 | 标签为 | 留下评论