背景图片随页面滚动放大缩小

我是用jq写的所以先引入了jquery.js剩下的就是和我之前写的头部导航栏差不多是一样的
$(window).scroll(function() {//首先监听页面滚动
p = $(this).scrollTop();//获取到页面滚动的距离
var size = 60;//设置一个背景图片的初始大小
var speed = p / 80;//设置背景图片滚动的速度如果不设置数值，那就是随页面滚动，80（随意设置值的大小数值越大滚动速度越慢）
size += speed //动态设置背景图片的大小
var speed = ba + ‘%’;
if (t < p) {
$(需要放大缩小的对象).css(‘background-size’,scas);//向上滚
}
} else {
$(‘需要放大缩小的对象’).css(‘background-size’,scas);//向下滚
}
setTimeout(function() {
t = p;//页面当前的位置
}, 0)
})

背景图片随页面滚动放大缩小相关推荐

JavaFX鼠标滚动放大缩小图片
一.鼠标滚动放大缩小图片 package cn.util;import java.io.File; import javafx.application.Application; import java ...
以鼠标位置为中心的图片滚动放大缩小
1 //以鼠标位置为中心的图片滚动放大缩小 2 $(document).on("mousewheel","#mask img",function(ev){ 3 ...
v-viewer预览图的使用（图片预览旋转/放大缩小/上下切换等）
前言: 之前项目需求,需要找一个预览图的组件,最开始,找了vue-preview组件.因为vue-preview是直接引入 < vue-preview>这个标签,无法看到对组件里面的图片i ...
uni-app图片如何设置双指放大缩小
图片设置双指放大缩小这个功能相对来说比较简单的,是用于官方文档的路径(组件->视图容器->movable-area),movable-area可以做双指放大缩小,并且放大的同时可以左右移动 ...
【插件】jQuery.iviewer----图片浏览（滚动放大缩小问题解决）
[插件]jQuery.iviewer----图片浏览(滚动放大缩小问题解决) 参考文章: (1)[插件]jQuery.iviewer----图片浏览(滚动放大缩小问题解决) (2)https://ww ...
html页面不能放大缩小,互联网常识：html怎么禁止页面放大缩小
在html中,可以利用meta标签,设置content属性的值为"width=device-width, initial-scale=1.0, maximum-scale=1.0, user ...
html 图片在一个div中放大缩小效果
图片放大,缩小也是前端中经常遇到得问题,以下就根据这个需求,做如下示范: <!DOCTYPE html> <html> <head><title>图片放 ...
移动端兼容如：背景图片、页面放大、卡顿、闪退、内阴影
1.安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱,有1.5的,有2的也有3的.想让图片在手机里显示更为清 ...
html 图片滚动放大缩小,js实现图片旋转 js滚动鼠标中间对图片放大缩小
从开通博客园到今天,有两个多月了.我发现之前没有开通博客记录自己所做的东西,真是后悔啊. 现在一点一点把自己所做的功能以博客的形式记录下来,一方面可以给大家分享,大家一起学习,同时自己也从新回顾一下. ...

背景图片随页面滚动放大缩小

背景图片随页面滚动放大缩小相关推荐

最新文章

热门文章