简单页面2手机端导航的设计思路

这是id为1的文章,如果不好好写,总感觉对不住什么的说。在创办林三科技(网站)之前,林三在线想用这个名称的,最后觉得太大气而舍去,成就了今天的 linsan online 网站。回到正题,简单页面在前年的时候经好友提醒,开始制作自适应代码,最关键的地方就是手机端的导航设计思路。

总体上来说就是主题内有两段js冲突,但是他们使用的时间不一致:PC页面时需要使用js文件a,手机页面时候需要使用js文件b。林三没有回避这两段代码,使用一个判断语句解决了问题:

  1. <script type=“text/javascript”>  
  2.   if (screen.width<768)  
  3.     document.write(‘<script src=“/script/jquery.min.js” type=“text/javascript”><\/script>’);  
  4.   else  
  5.     document.write(‘<script src=“/script/sticky.js” type=“text/javascript”><\/script>’);  
  6. </script>  

从判断页面宽度来决定加载那段js文件,从而解决两个文件同时加载时候产生的冲突,各位看官见笑。

未经允许不得转载:林三科技 » 简单页面2手机端导航的设计思路

赞 (2) 打赏

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 一位WordPress评论者嗨,这是一条评论。 要开始审核、编辑及删除评论,请访问仪表盘的“评论”页面。 评论者头像来自Gravatar回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏