我要订购
咨询热线 151 211 59949
当前位置: 首页 > 最新公告 > ECSHOP模板仿京东模板实现自适应屏的方法

浏览历史




ECSHOP模板仿京东模板实现自适应屏的方法
韩樟树网站网店设计工作室 / 2010-05-01

自适应屏其实就是多个css控制,由js判断当前分辨率。

如一下代码
if (screen.width < 1280)
{
document.write("<link href='themes/2009jingdong/style1024.css' rel='stylesheet' type='text\/css'\/>");
}
else {
document.write("<link href='themes/2009jingdong/style.css' rel='stylesheet' type='text\/css'\/>");
}

其中 if (screen.width < 1280)  就是小于 1280分辨率的屏幕,像1024

else 是大于1280包括1280分辨率的屏幕

当然举一反三,设计不同的模板颜色样式,可以让你的网站在不同分辨率下是不同的感受。

演示地址http://www.hanzhangshu.com/goods.php?id=3

在不同分辨率下可以查看一下效果,查看代码只需要右键查看源文件就会发现里面有js控制判断分辨率。



声明:本文部分资料来源网络,如有侵权请及时告之,我们会尽快处理。

用户评论(共0条评论)

  • 暂时还没有任何用户评论
总计 0 个记录,共 1 页。 第一页 上一页 下一页 最末页
用户名: 匿名用户
E-mail:
评价等级:
评论内容:
验证码: captcha