当前位置: 首页 > Design > 正文

这是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手机端导航的设计思路:目前有1 条评论

  1. 嗨,这是一条评论。
    要开始审核、编辑及删除评论,请访问仪表盘的“评论”页面。
    评论者头像来自Gravatar

    2019-04-09 上午11:09 回复

发表评论

快捷键:Ctrl+Enter