js小部件,前端
xidianyueyong
这个作者很懒,什么都没留下…
展开
-
前端之盒子类重力感应拖拽效果
盒子类重力感应拖拽效果: 拖拽盒子,放开后盒子会类似皮球一样带重力并有碰撞运动 代码如下: #div1 { width:100px; height:100px; background-color:#F00; position:absolute; left:0; top:0; } #but1 { position:absolute; top:100px;原创 2017-08-07 16:52:48 · 815 阅读 · 0 评论 -
js之导航栏目弹性运动效果
* { margin:0px; padding:0px; } li { list-style:none; } #div1 { width:100px; height:50px; background-color:#F00; position:absolute; left:0; top:0; } #ul1 { position:relative; width:400px; h原创 2017-08-07 18:51:23 · 503 阅读 · 0 评论 -
js之查照片看器
照片查看器: 效果: * { margin:0; padding:0; } ul { border:10px solid #333; position:relative; padding:10px; top:50px; margin:auto; width:360px; height:auto; } li { margin:10px; list-s原创 2017-08-08 12:14:49 · 275 阅读 · 0 评论 -
js浮动侧边拦
利用javascript 写网页动态浮动的侧边拦 代码如下: #div1 { width:100px; height:100px; background-color:red; position:absolute; left:-100px; } #enjoy { width:20px; height:60px; line-height:15px;原创 2017-08-04 19:53:18 · 365 阅读 · 0 评论 -
电影星星评分
鼠标滑入星星变黄,滑出变灰 通过改变背景的position(灰色的星星和黄色的星星在一个图上) 具体代码如下: html: 电影星星评分 点击星星进行评分 css: @charset "utf-8";原创 2017-07-29 00:13:41 · 772 阅读 · 0 评论 -
类似flash幻灯片效果
html css布局: html: flash效果幻灯片原创 2017-08-06 22:53:18 · 337 阅读 · 0 评论