有时编写php网站的东西时，需要判断访问访问的设备是苹果设备还是安卓设备，从而显示不同的东西给访客，下面是实现的php代码： <?php $userAgent = $_SERVER['HTTP_USER_AGENT']; if(strpos($userAgent,"iPhone") || strpos($userAgent,"iPad") || strpos($userAgent,"iPod")){ echo '这是苹果公司的产品'; }else if(strpos($userAgent,"Android")){ echo '这是安卓系统产品'; ...
pjax可以实现局部刷新，和ajax的区别是，pjax的局部刷新，浏览器地址栏的网址会变化。 这个jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件，此外网上很多以上封装的教程都没有加上form事件，这个代码还可以解决博客的搜索和评论问题。 引入文件： <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/jquery....
对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多 ，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本： var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ie<=7){ alert('你目前的IE版本为'+Sys.ie+'版本太低，请升级！'); location.href="http://wind...
新浪微博： http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空) &url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空) &appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空) &title=分享时所示的文字内容，为空则自动抓取分享页面的title值(可选，允许为空) &pic=自定义...
五图并列，中间图片放大展示的jQuery图片滚动插件，点击产品图片，或者点击左右箭头，或者拖动顶部的滚动条，产品图片就会放大显示，并且可以左右滚动。产品图片下面即是产品的名称和简略的描述，有利于SEO。 使用方法： 1、在head引入下面的css代码： <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;text-decoration:none;} body{font:12px/180% Arial, He...
绝对定位元素的“有定位属性（relative或absolute）的父元素”在渲染层次时起到了主要作用，前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法： 父级元素加上position:relative;并设置z-index属性。父级元素的z-index优先，其中包含的元素的z-index是相对于父级元素的index。 <div style="position:relative;z-index:2;"> <p style="position:absolute;z-index:99;">...
jquery操作复选框的代码 $(":checkbox").click( function() { if($(":checkbox:checked").length > 3){ $(this).attr("checked",false); alert("对不起，每人最多能选3个"); } }); php+html混编的代码 <label><input type="checkbox" value="五大联赛" name="skills[]" <?php $isIn=in_array("五大联赛",$this->...
jQuery-Rebox是一个简单的、轻量级的、响应和移动友好的jQuery 灯箱插件。 下载：https://github.com/trentrichardson/jQuery-Rebox 例子 单一的初始化 创建一个单一的lightbox,分别在每个图片： $('#gallery1 a').rebox(); 画廊初始化 创建一个画廊风格lightbox: $('#gallery2').rebox({ selector: 'a' }); 动态添加图片后的事实 在页面交互...
常见的网站单行新闻公告上翻播放的效果。 jQuery代码： function b(){ t = parseInt(x.css('top')); y.css('top','19px'); x.animate({top: t - 19 + 'px'},'slow'); //19为每个li的高度 if(Math.abs(t) == h-19){ //19为每个li的高度 y.animate({top:'0px'},'slow'); z=x; x=y; y=z; } setTimeout(b,3000);//...
SimpleModal是一款提供功能强大的弹出模拟对话框jQuery插件，也就是一款jquery弹窗插件，该插件使用简单，操作容易，窗体API定义丰富。 插件官方页面：http://www.ericmmartin.com/projects/simplemodal/ 插件演示地址：http://www.ericmmartin.com/projects/simplemodal-demos/ 插件下载页面：http://code.google.com/p/simplemodal/downloads/list 使用教程： 插件提...
大家可能在网上看过很多关于矢量图标制作的教程，而且大多是技术同学分享的技术贴。整个过程也相对比较简单。在这里我们将深入地向大家讲述字体图标制作的 规范流程和注意事项，很多内容是现在网上没有的，纯粹是阿里妈妈MUX这两年摸索出来的。阿里妈妈MUX在国内首家推出了在线生成字体图标平台，省去了设计师不太擅长的字体制作过程，所以在本教程中我们就不再详细介绍如何使用字体制作工具制作字体图标的过程，更多的是介绍如何在AI工具中制作一个规范的字体图标。 一、制作前基础知识普及 1、在制作图标前请下载由阿里妈妈MUX提供的矢量图标制作模板； 网盘下载：http://...
FontAwesome经历了两年的进化，如今已成为不少工具性应用开发者的首选。但FontAwesome的图标毕竟有限，在某些特定的情景 中，FontAwesome的字体并不能准确地传达合适的意义。为自己的Web App定制icon-font字体在某些时候就变成了一种需要。 因为想为公司的产品定制一套icon-font，把曾经那些不易改变不易调校大小颜色的图片改成图标字体，经过搜索和试用，发现icon-font大致有四类制作方法。这四类方法的图标生成原理是一样的。 主要步骤： 步骤一：使用矢量图形编辑器设计图标，画布最好设为512px*512px。以A...