手机网页制作: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>

PJBlog添加JQuery版返回顶部的功能

下面的修改支持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