從此篇博文開始,将進行部落格相關的操作欄等效果的内容編寫。
此文寫的“随滑鼠移動的DIV”這個效果的内容。
1、 CSS定義;
上面是CSS定義檔案,各個子產品的CSS和Javascript腳本都分開獨立進行的封裝,這樣其它博友如果也用此效果的那直接擷取該檔案放到部落格裡即可。
2、 Javascript腳本代碼;
上面是這個效果的JS檔案,這個檔案裡主要将效果相關的JS操作進行了定義。
實際的效果見下圖:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0gTMx81dsQWZ4lmZf1GLlpXazVmcvwFciV2dsQXYtJ3bm9CX9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5yM3QjM2UmNhJzYiNTM4EjNyYzXzIzNwADMyIzLcRDMyIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)
從此篇博文開始,将進行部落格相關的操作欄等效果的内容編寫。
此文寫的“随滑鼠移動的DIV”這個效果的内容。
1、 CSS定義;
上面是CSS定義檔案,各個子產品的CSS和Javascript腳本都分開獨立進行的封裝,這樣其它博友如果也用此效果的那直接擷取該檔案放到部落格裡即可。
2、 Javascript腳本代碼;
上面是這個效果的JS檔案,這個檔案裡主要将效果相關的JS操作進行了定義。
實際的效果見下圖: