如何设置电脑主图跟手机主图不一样

 时间:2024-10-14 05:54:57

1、打开web开发环境 这里是用的是eclipse IDE

如何设置电脑主图跟手机主图不一样

2、创建一个项目 或者打开一个已有的web项目 做两张图片(手机版的和电脑版的) 新建js和html文件 目录结构如图所示

如何设置电脑主图跟手机主图不一样

3、这是js版本的html代码 首先给body设置一个默认的图片(这里以背景的形式展示)的 移入js文件哦

如何设置电脑主图跟手机主图不一样

4、这是js代码 判断设备是手机还是电脑 然后设置不一样的图片即可

如何设置电脑主图跟手机主图不一样

5、这是电脑版运行的结果 如图所示

如何设置电脑主图跟手机主图不一样

6、这是手机版运行的结果 如图所示

如何设置电脑主图跟手机主图不一样

7、这是jquery版本的html代码 要引入jquery库的哦 我这里为了兼容 引入两个jquery文件

如何设置电脑主图跟手机主图不一样

8、这是jquery代码 原理和js文件的代码一样 这个比js快一点

如何设置电脑主图跟手机主图不一样
  • 金税三期个人所得税填的收入额是按什么填写呢?应发工资么?需要扣除五险一金么
  • PS5宇宙机器人怎么重新安装
  • xftp如何更改语言
  • 简单实矩阵的特征值分解
  • 工程施工选用水泥应该符合哪些规定?
  • 热门搜索
    破伤风是什么 患得患失什么意思 u盾是什么 商务专员是做什么的 qq独立密码是什么 软装是什么 长期腹泻是什么原因 墨菲定律什么意思 什么宠物最好养 什么的身影