最新在研究JQuery Mobile手机开发框架,说实话真的很头疼的,因为里面有很多的属性、方法和事件,下面是手机网页的一些认识:
一、<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩 Continue reading "手机网页制作:meta标签详解"
操作系统和网络技术研究
最新在研究JQuery Mobile手机开发框架,说实话真的很头疼的,因为里面有很多的属性、方法和事件,下面是手机网页的一些认识:
一、<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩 Continue reading "手机网页制作:meta标签详解"
可以实现在iOS或者Android手机中复制某一文本之后直接调用打开微信的的效果:
<html>
<head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta charset="UTF-8">
<title>Pop WeiChat COPY</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="./style.css" class="css" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
div{
text-align: center;
}
span{
display: inline-block;
margin-top: 50px;
font-size: 30px;
}
</style>
<script type="text/javascript">
$(function(){
document.body.oncopy =function(){
window.location.href='weixin://';
}
});
</script>
</head>
<body>
<div>
<span>复制Pop的任意文字即可打开微信!</span>(←长按复制)
</div>
</body>
</html>
jQuery-2.0以上版本不再支持IE 6/7/8) 并不是最新的版本就最好的,而是根据您项目需求所适合的版本!
jQuery-3.3.1(最新)
官网jquery压缩版引用 Continue reading "jQuery插件最新3.3.1所有版本下载(实时更新)"
网上有很多这样的轮播代码,不简单很简洁,这个左右水平的移动且按钮置中的代码Pop觉得不错,所以分享给大家,虽然是台湾的一个设计师,不过能完全看懂。
下面的修改支持PJBlog的全动态,半静态,全静态。
1、下载 http://www.dynamicdrive.com/dynamicindex3/scrolltopcontrol.js
将“scrolltopcontrol.js”文件上传到blog的common文件夹里面。
2、打开header.asp,在其加上下面的代码(加哪里都行)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="common/scrolltopcontrol.js">
如果是全静态,请在Template文件夹的static.htm文件中的合适位置加上上面的代码,并重新生成缓存,不是全静态的这步可以不做。
3、制作一个up.png,上传到blog的根目录下面
若想修改图片的大小或者路径等,就需要打开scrolltopcontrol.js,找到下面的一段代码,进行修改
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="up.gif" style="width:24px; height:24px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:15, offsety:15}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
根据自己的需要,修改其中的图片大小,图片位置等。
修改好后刷新下首页,就看见返回顶部了。
相关文章:
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
http://www.ihiro.org/jquery-scrolltop-plugins
http://www.weisay.com/blog/article.asp?id=319