屏幕自适应滚动 当分辨率低于1024时,不显示浮动JS代码

JavaScript022

屏幕自适应滚动 当分辨率低于1024时,不显示浮动JS代码,第1张

先在你的 CSS 中定义 #box 为隐藏

#box {display: none}

然后在 Javascript 中

window.onload = function() {

// 如果访问者分辨率大于等于 1280

if(screen.width >= 1280) {

// 显示 #box

document.getElementById("box").style.display = "block"

}

}

-------------------------

你也可以把下面的代码加入,作用是当用户改变窗口大小的时候,如果窗口小于 1280 就隐藏,反之显示。这样当窗口过小的时候 #box 不会遮挡正文内容。

window.onresize = function() {

if(window.innerWidth >= 1280) {

document.getElementById("box").style.display = "block"

}

else {

document.getElementById("box").style.display = "none"

}

}

1、新浪微博加关注

登陆新浪微博的开放平台http://open.weibo.com/ 登陆自己需要关注的微博账号,然后按照提示进入“网站接入”的资料填写。

新浪微博需要填写实名认证之后,才能提交网站的审核,审核通过后,就可以将自己网站的信息和新浪微博打通,如果运营的好,会有很不错的效果。

根据提示生成js代码,然后复制到网站的相应位置。

新浪微博可能需要放三段代码,感觉提示操作。

2、腾讯微博加关注

登陆腾讯微博的开放平台http://dev.t.qq.com/ 使用QQ号登陆后,点击“网站接入”填写开发者资料。然后就可以进入后台,按照相关提示,增加自己想要的功能了。

根据提示生成js代码,然后复制到网站的相应位置。

3、增加微信扫描二维码关注

首先,选用一个“加微信”的图片,这个图片可以随便从网站任何一个网站上找到,根据个人喜好,随便放置图片。

然后,需要在鼠标点击图片的时候,将自己微信生成的二维码图片弹出显示就可以了。微信二维码生成方式,需要用手机登陆微信->设置->二维码名片,就可以看到自己的二维码了。可以点击“右上角”,分享二维码,更换二维码图片,将二维码储存到手机相册等功能。

鼠标点击显示二维码名片的代码:

加关注按钮图片html代码:放在需要网站显示此功能的地方

<a href="javascript:void(0)" onclick="showfollowweixin()">

<img src="加微信的图片地址" width="62px"></a>

鼠标点击弹出二维码js脚本代码:

放到首页加载的js文件中的最后面,然后上传覆盖到服务器,当然也可以放到首页body之前的任何一个地方。