09 2016 档案

jmobile学习之路 ---- 视口
摘要：当我们的浏览器在窗口最大化的时候，此时屏幕的宽度，就是我们桌面的分辨率。这个规则仅仅适用于PC！ 我们试图在iPhone中输出屏幕宽度，你会发现屏幕宽度是980！居然和PC屏幕差不多大！ 苹果主导的这些手机厂商，为了使用户获得完整web体验（就是让用户在手机屏幕上，也能够看见完整的PC网页）， 就大 阅读全文

posted @ 2016-09-26 16:35 柔光 阅读(296) 评论(0) 推荐(0)

Meta标签介绍
摘要：Meta标签写法与作用 meta标签是在HTML网页源代码中一个重要的html标签。meta位于head区的辅助性标签，提供用户不可用的信息。 META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。 页面关键词 <meta name="keywords" 阅读全文

posted @ 2016-09-26 13:21 柔光 阅读(550) 评论(0) 推荐(0)

jmobile学习之路 ----检测屏幕宽度
摘要：<script type="text/javascript"> window.onresize = function(){ var myh1 = document.getElementById("shuchu"); myh1.innerHTML = document.documentElement. 阅读全文

posted @ 2016-09-26 11:03 柔光 阅读(151) 评论(0) 推荐(0)

jmobile学习之路 ----设备检测
摘要：用一个库，device.js。这是一种最简单的方法。device.js库，不依赖jQuery框架。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type= 阅读全文

posted @ 2016-09-26 11:01 柔光 阅读(239) 评论(0) 推荐(0)

移动web前端下拉刷新效果
摘要：直接复制粘贴 放在页面中即可 <script> window.onload = function(){ window.addEventListener('touchstart', touchstart, false); window.addEventListener('touchmove', tou 阅读全文

posted @ 2016-09-23 12:36 柔光 阅读(5548) 评论(0) 推荐(0)

实现购物车加减计价功能
摘要：直接复制粘贴即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:// 阅读全文

posted @ 2016-09-23 09:57 柔光 阅读(345) 评论(0) 推荐(0)

图片点击放大功能
摘要：<img src="xxx.jpg" /><script> var flag = true,//状态true为正常的状态,false为放大的状态 imgH,//图片的高度 imgW,//图片的宽度 img = document.getElementsByTagName('img')[0];//图片元 阅读全文

posted @ 2016-09-23 09:38 柔光 阅读(881) 评论(0) 推荐(0)

css3动画----实现动态省略号 ...
摘要：<h3>实现省略号点点动，纯css3实现动态省略号</h3>上传中<span class="dot">...</span> 【css代码如下】 <style> .dot { font-family: simsun; }:root .dot { display: inline-block; width 阅读全文

posted @ 2016-09-23 09:33 柔光 阅读(4363) 评论(1) 推荐(0)

实现倒计时功能js
摘要：<p>系统将会在<strong id="endtime"></strong>秒后跳转到登录页！</p> 【原生js实现】 <script type="text/javascript"> var i = 10; //倒计时时间，可随意改function remainTime(){ if(i==0){ 阅读全文

posted @ 2016-09-23 09:31 柔光 阅读(138) 评论(0) 推荐(0)

导航