phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

swipe.js文档及用法,移动WEB页面内容触摸滑动类库插件2014-06-23

最近的一个项目中使用到了swipe.js这个插件感觉非常的好用的官方网站http://swipejs.com/https://github.com/bradbirdsall/Swipe简介swipe.js是一个轻量级的移动滑动组件,支持触摸移动,支持响应式页面。下面是从GitHub上翻译的用法和文档用法 Swipe只需添加很简单的一段代码即可,如下<div id='slider' class='swipe'>   <div class='swipe-wrap'>     <div class='wrap'></div>     <div class='wrap'></div>     <div class='wrap'></div>   </div> </div>以上代码是最初需要的结构--一系列元素包裹在两个容器中,你可以在wrap中添加任何你想要的内容。最外面的div(即slide)需要设置一下的js函数:window.mySwipe = Swipe(documen...
此文被围观4997 分类: 前端设计 标签:  ···

js检测访问是手机或者PC端2014-06-22

js检测访问是手机或者PC端,并根据相应的结果进行跳转function mobile_device_detect(url) {     var thisOS = navigator.platform;     var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile");     for (var i =&nbs...

jquery浮动导航条的拖动与展开收缩,jquery页面拖动2014-06-22

今天在网站上的一个广告网站看到的一jquery特效,感觉不错,也许以后有用,就记录了下来!jquery特效正常情况下: 访问情况:拖动了一下://浮动导航条的拖动与展开收缩 $(function () {     var box = $('.menu'),     obj = box.children('span');     obj.show();     box.hover(function () {//鼠标移上去后出现选择菜单         obj.stop(false, true).show(300);     }, function () {         obj.stop(false, true).hide(150);     })     var box = d...
此文被围观1142 分类: 前端设计 标签:  ·····

本地缓存localStorage的使用方法2014-06-21

本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法。在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置、传递数据、缓存数据等。下面我们详细介绍一下国内流行的手机应用开发框架AppCan的本地缓存方法localStorage:1.获取本地缓存数据:localStorage.getItem('data')   //获取名称为data的本地缓存数据2.设置本地缓存数据:localStorage.setItem('data', JSON.stringify(list));   //设置名称为data的本地缓存 JSON.stringify(list) //扩展一下,这个是将远程返回的json对象转换为字符串形式以方便存储 var ro = eval(data); //这个是将字符串转化为对象形式3.删除本地缓存:localStorage.removeItem("data");   //删除名称为data的本地缓存4.清空本地缓存:localStorage.clear();  //清空所以本地缓存这里附上js方法function setkeywordhistory(keywords) {   &n...
此文被围观2931 分类: 前端设计 标签:  ······

css 边框滚动条样式修改2014-06-19

定义div滚动条的样式:.content-box {height: 222px; overflow-y: scroll; overflow-x: hidden;SCROLLBAR-FACE-COLOR: #888; SCROLLBAR-SHADOW-COLOR: #eee; SCROLLBAR-HIGHLIGHT-COLOR: #eee; SCROLLBAR-3DLIGHT-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #eee; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-ARROW-COLOR: #eee;} /***chrome模式***/ .content-box::-webkit-scrollbar {     width: 0.2em;     /*height: 2em*/ } .content-box::-webkit-scrollbar-button {     background: translate; } .content-box::-webkit-scrollbar-tra...
此文被围观1070 分类: 前端设计 标签:  ·····

强制将IE,Chrome设置为指定兼容模式来解析2014-05-05

强制将IE,Chrome设置为指定兼容模式来解析一.指定文件兼容性模式要为你的网页指定文件模式,需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。1. 强制IE8使用IE8模式来解析,而且那个兼容性视图 按钮也被去掉了<meta http-equiv="X-UA-Compatible" content="IE=8">2. Google Chrome Frame也可以让IE用上Chrome的引擎:<meta http-equiv="X-UA-Compatible" content="chrome=1" />3.强制IE8使用IE7模式来解析<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"><!-- IE7 mode --> 或者<meta http-equiv="X-UA-Compatible" content="IE=7"><!-- IE7 mode -->4.强制IE8使用IE6或IE5模式来解析<meta http-equiv="X-UA-Compatible" content="...
此文被围观3748 分类: 前端设计 标签:  ·······

徽页面添加账号关注2014-04-30

一、首先要用微信打开网页,二、添加关注代码,点击这里查看weixin://contacts/profile/gh_703629132ae9微信开发,徽信营销,徽信公众账号二次开发,微信抽奖,徽信5.0版本,徽营销,徽网站开发,weixin...

jquery选中以什么开头的元素2014-03-03

 $(“[id^=percent]“).size()^=:表示以什么开头$=:表示以什么结尾~=:表示包含什么id:表示按id选择...
此文被围观3126 分类: 前端设计 标签:  ···

js汉字转拼音2014-02-26

js汉字转拼音方法:var PinYin = {"a":"u554au963fu9515","ai":"u57c3u6328u54ceu5509u54c0u7691u764cu853cu77eeu827eu788du7231u9698u8bf6u6371u55f3u55ccu5ad2u7477u66a7u7839u953fu972d","an":"u978du6c28u5b89u4ffau6309u6697u5cb8u80fau6848u8c19u57efu63deu72b4u5eb5u6849u94f5u9e4cu9878u9eef","ang":"u80aeu6602u76ce","ao":"u51f9u6556u71acu7ff1u8884u50b2u5965u61cau6fb3u5773u62d7u55f7u5662u5c99u5ed2u9068u5aaau9a9cu8071u87afu93cau9cccu93d6","ba":"u82adu634cu6252u53edu5427u7b06u516bu75a4u5df4u62d4u8dcbu9776u628au8019u575du9738u7f62u7238u8307u83ddu8406u636du5c9cu705eu677...
此文被围观2864 分类: 前端设计 标签:  ··

登录与登陆的区别?“登陆网站”还是“登录网站”2014-02-26

解释一: 登陆 [拼音]Dēng lù [解释]1.狭义是指到达某个地方(多指陆地);可以作为军事用语,表示由空中或水域成功着陆. 2.渡过海洋或江河登上陆地,特指作战的军队登上敌方的陆地。例:台风登陆。    3.比喻商品等打进某市场.  如:这种新型空调已经在上海市场登陆. 登录 英文单词:Login或Log in  登录的概念:    分时系统允许多个用户同时使用一台计算机,为了保证系统的安全和记帐方便,系统要求每个用户有单独的帐号作为登录标识,系统还为每个用户指定了一个口令。用户在使用该系统之前要输入标识和口令,这个过程被称为’登录’。 解释二:   当今,我们生活在互联网时代,网络成为人们查询和传递信息的高效路径和载体。“登lu网站”一词被频繁使用,其正确用法应该是“登陆”,而非“登录”。这从两个词的词意区别上就可以看出。   从词意上看,我们知道“登陆”一词为动词,其原意在商务印书馆出版的《现代汉语词典》中解释为:“渡过海洋或江河登上陆地……”关键在于有“登上”之意。   从词性上看,“登陆”一词具有从下到上,从外到里进入之意。而互联网作为一种载体犹如“陆地”,要想从外进入其中就必须“登陆”。所以“登陆”互联网就有进入成功和失败,登上网站与没登上网站之分。   而“登录”一词则为记载、登记、记录、录制、抄写之意。重点强调的是“记录”之意,其词意中根本没有“登入”、“进入”之意...
此文被围观2042 分类: 前端设计 标签:  ····

js兼容获取浏览器的高度2014-02-14

js兼容获取浏览器的高度、js兼容获取浏览器的宽度//获取窗口宽度 var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;//获取窗口高度 var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;...
此文被围观2166 分类: 前端设计 标签:  ····

js获取时间戳2014-02-14

js获取时间戳  new Date().getTime()...
此文被围观2517 分类: 前端设计 标签:  ···

js attachEvent,javascript中window.attachevent()和document.attachevent()这两种方法绑定区别2014-02-01

element.attachevent 是指针对什么对象绑定 window一般绑定 onload对象 document可以绑定很多 一般元素的事件都可以绑定  鼠标 键盘事件都可以   该方法只针对ie   w3c是用addEventListener 进行绑定的!js attachEvent,javascript中window.attachevent()和document.attachevent()这两种方法绑定区别...

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

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