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

 时间: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如何更改语言
  • 简单实矩阵的特征值分解
  • 工程施工选用水泥应该符合哪些规定?
  • 热门搜索
    教师节手抄报一等奖简单 教室节手抄报 九九重阳节手抄报 鲁滨逊漂流记手抄报 小学生重阳节手抄报 爱眼手抄报内容 草房子手抄报 小学生手抄报大全 禁止吸烟手抄报 迎中秋庆国庆手抄报