PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

文档归类:前端设计

Unslider — 一个超小的 jQuery轮播(slider)插件2015-05-18

跨浏览器Unslider已经在所有最新的浏览器上测试过了,并且对那些老旧的浏览器也能很出色的降级处理。支持键盘导航如果需要,可以加入键盘方向键导航。试一试左右方向键吧!自动调整高度并不是每个幻灯片都很规范,Unslider能够自动调整高度。Yep,他还支持响应式布局如今哪个网站还不支持响应式布局就已经非常OUT了。Unslider帮你轻松搞定!项目址有详细的操作说明:unslider: http://www.bootcss.com/p/unslider/ ...
此文被围观2247 分类: 前端设计 标签:  ···

js倒计时2015-01-25

JS 倒计时实现代码    JS实现倒计时(时、分,秒)   var interval = 1000;  function ShowCountDown(year,month,day,divname)  {  var now = new Date();  var endDate = new Date(year, month-1, day);  var leftTime=endDate.getTime()-now.getTime();  var leftsecond = parseInt(leftTime/1000);  //var day1=parseInt(leftsecond/(24*60*60*6));  var day1=Math.floor(leftsecond/(60*60*24));  var hour=Math.floor((leftsecond-day1*24*60*60)/3600);  var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);  ...
此文被围观2335 分类: 前端设计 标签:  ····

纯CSS3实现发光动画按钮特效2015-01-24

‍‍这是一款基于纯CSS3的发光按钮,按钮发光的颜色是随机的,这样一排按钮就显得五彩缤纷,非常绚丽。之前我们也介绍过不少样式很独特的CSS3按钮,比如纯CSS3 3D开关按钮、纯CSS3实现动感弹性按钮等,都非常不错,也有HTML5动画按钮,大家可以自己看看。‍‍在线地址:http://www.html5tricks.com/demo/pure-css3-shine-button/index.html 效果图:背景图:<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>纯CSS3实现发光按钮特效DEMO演示</title>     <style> body {   background: #333333 url(css/classy_fabric.png);   margin: 0; } #c {   position: absolute;   top: 50%;   left: 50%;   margin-left:&...

CSS修改HTML5 input placeholder颜色2015-01-23

css改placeholder颜色方法:toscho:有三种实现方式:伪元素(pseudo-elements)、伪类( pseudo-classes)和Notihing。 WebKit和Blink(Safari,Google Chrome, Opera15+)使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:-moz-placeholderMozilla Firefox 19+ 使用伪元素::-moz-placeholderIE10使用伪类:-ms-input-placeholderIE9和Opera12以下版本的CSS选择器均不支持占位文本。需要注意的是伪元素在Shadow DOM里会起到元素的真实作用。CSS选择器 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定。::-webkit-input-placeholder { /* WebKit browsers */     color:    #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */     color:    #99...
此文被围观2658 分类: 前端设计 标签:  ···

js parse_url函数功能2015-01-13

<script>function parseURL(url) {    var a =  document.createElement('a');    a.href = url;    return {        source: url,        protocol: a.protocol.replace(':',''),        host: a.hostname,        port: a.port,        query: a.search,        params: (function(){            var ret = {},                seg = a.search.replace(/^\?/,'').split('&'),...
此文被围观2566 分类: 前端设计 标签:  ···

jquery数组求和,map求和,js数组求合2014-12-18

多选框数据求和的问题,总觉得for循环求和麻烦,搜了一下,觉得这个方法还不错,只是这里面的eval不知道好不好。。。。。。。。var arr = [1, 2, 3, 4, 5, 6];var value = eval(arr.join("+"));$(".chk:checked").map(function(){    return this.value;}).get().join('+');js数组求和...
此文被围观4111 分类: 前端设计 标签:  ····

js 判断IOS版本号2014-12-18

‍‍先来观察 iOS 的 User-Agent 串:iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5我们可以从 User-Agent 里发现一些规律:都含有“iPhone”关键词;含有用下划线分隔的系统版本号。嗯,我们可以用这两个规律来分辨出 iOS4 以上的系统。function gt_ios4() {    // 判断是否 iPhone 或者 iPod  &n...
此文被围观2961 分类: 前端设计 标签:  ·

css判断ipone4/4s,iphone 52014-12-12

‍‍@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容/4s */ .class{} } @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .class{} }‍‍...
此文被围观2173 分类: 前端设计 标签:  ···

js 判断ios2014-12-12

if (/iPad|iPhone|Mac/i.test(navigator.userAgent)){    // todo : ios}...
此文被围观1829 分类: 前端设计 标签:  ····

微信分享JS代码2014-12-11

‍‍‍‍微信分享功能本身有一套机制从微页面中抓取缩略图,标题和摘要信息,但是很多时候抓取的信息可能不是你所想要呈现的。很多开发人员没有注意这些,就可能使自己的页面在分享出去以后出现图片和文字的问题。‍‍另外,当我们在开发微页面游戏,或者轻应用页面的时候,我们有时候希望不同的条件下同一页面分享的内容是不一样的。比如我之前做的单页面游戏,通关后用户点击分享的内容就是其通关的时间等信息,失败了则会分享失败的信息,等等。‍‍‍‍‍‍‍‍‍‍‍‍‍‍解决这些问题其实很简单,我们可以借助微信浏览器的内置JS对象来实现。对于小虫这种代码控来说,下面就用代码和注释信息来向大家说明:‍‍‍‍‍‍‍‍首先我们定义一些变量,你可以动态的改变这些变量,分享的时候会根据这些变量的值来设置信息。‍‍var imgUrl = ""; //缩略图地址 var lineLink = ""; //分享的链接地址 var descContent = ''; //摘要信息 var shareTitle = ''; //分享的标题 var appid = 'xxxxxxxxxxxxxxxx'; //你的公众号的APPId‍‍‍‍‍‍‍‍然后我们写三个分享函数来对应三种分享方式。注意其中用到...

multiselect api2014-12-10

https://github.com/ehynds/jquery-ui-multiselect-widget 官网取值方法:var array_of_checked_values = $("select").multiselect("getChecked").map(function(){               return this.value;   }).get();jquery-multiselect 基于Jquery-ui的组件体系。   所以使用它的时候,先得导入jquery-ui相关的js和css哦特性支持点击label实现checkbox组选择.头部选项,如全选/ 取消全选 /关闭功能.支持键盘选择.支持5种不同的事件回调函数.以列表方式显示选中项目,并且可以设置最大显示值.方便改变位置,渐变速度,滚动容器的高度,链接文字,文本框默认内容等...
此文被围观1755 分类: 前端设计 标签:  ···

uploadify浏览器总是崩溃,uploadify不兼容解决方法2014-10-24

uploadify上传插件很好用,但是总是造成浏览器崩溃的情况。‍‍uploadify浏览器解决的办法是: 给引入的js加上一个参数,时间戳就可以,防止缓存,使每一次都请求。(这个问题是因为谷歌浏览器会缓存文件导致的)‍‍uploadify可能在某些浏览器并不工作,uploadify兼容方法:在swf后面加个参数就可以了 uploadify/uploadify.swf?var='+(new Date()).getTime(),...
此文被围观2630 分类: 前端设计 标签:  ····

onbeforeunload事件,页面刷新及离开事件2014-10-12

页面离开事件或页面刷新事件window.onbeforeunload=function(){     return '当前操作未保存,如果你此时离开,所做操作信息将全部丢失,是否离开?';//这里就是提示的信息 };onbeforeunload,jquery beforeunload,页面刷新事件,页面刷新,jquery页面刷新...

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2019adophper.com All Rights Reserved.