您的位置：首页 > Web前端 > JQuery

非常简单的固定页面头（比如导航栏）的小例子（Jquery模拟生成系列元素辅助查看效果）！

2014-05-09 13:40 465 查看 
<html>
<head>
<style>#fix{position:fixed;background:black;color:red;margin-left:40px;}</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="fix">This is fixed div</div>

<script>
for(var i=0;i<200;i++)
{//吕津备注：这里模拟一些换行，方便查看效果
$(document).find(":last").after("<br><span>吕津 is going "+i+"</span>");
}
</script>

</body>
</html>




PS:

从事Web开发（无论愿意不愿意，反正以此为生计）的人，最好能养成一种习惯，就是“见贤思齐”。具体来说，就是当我们看到一个页面效果，即便其最终被证实实现起来非常简单，最好能手动实现一下，在此过程中，我们可以借助一些工具（比如浏览器自带的开发者工具，一般按下F12即可呼出）用庖丁解牛式的方法（看似笨拙实际上最有效果）来一点点捕捉蛛丝马迹，倘若我们能坚持下来，我们的Web功力定会日渐达到比较好的层次！


                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航