pfqian的博客

首先，这个布局比较简单，一个弹幕墙，下面放一个输入框和两个按钮，其中一个按钮用于发送弹幕，另一个用于清除屏幕上的弹幕，布局效果如图 接下来是实现点击“post”按钮将输入框中的内容发送出去，由于弹幕都是从右边往左边移动，所以在设置弹幕的CSS时候需要进行如下设置： .danmu { position: absolute; font-size: 20px; right: 0; z-

用js/jq实现一个番茄钟的方法最终效果如图： 这个番茄钟主要的功能需求有三个： 1. 修改休息时间 2. 修改工作时间 3. 显示timer修改时间的部分比较简单，需要注意的就是在时间为1分钟的时候不能再减少时间了，所以要将”-“这个button设置为disabled if(breakTime === 1){ $("#break-minus").prop("disabled"

瀑布流布局有一个特点，所有列的宽度都相同，而高度不相同，如下图所示 <div class="pic-box"> <div class="pic"> <img src="img/1.jpg" alt="1"> </div></div>通过div.pic-box来控制每个盒子之间的间隔，div.pic来设置每个盒子的边框。img的宽度为200px，由于div.pic-

许多电商网站或者门户网站上都会有一个焦点图自动轮播的广告，下面将亲自用jQuery实现一个这个效果。 主要有三个功能需要实现： 1. 点击左右翻页，会切换图片 2. 点击下方导航按钮，会显示该位置上的图片 3. 鼠标移出所在区域，左右翻页按钮消失，图片自动轮播HTML编写首先需要一个放置的盒子div.focus，这个盒子的宽度和高度应该和每一张图片大小保持一致，同时要将overflow设

考虑这样一个函数 function foo(){ setTimeout(function(){ console.log(this.id); },1000);}window.id = 12;foo.call({id:34});//output:12这个函数会输出的是12。 如果有看过《你不知道的JavaScript》的都知道，如果使用.call()和.