![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 80
imp_lc
网络前端初心者
展开
-
[JavaScript学习]幻灯片效果
近期在学习JavaScript,这算是一个基础效果实现的小联系吧,把想法和实现方法记录在这里,作为学习笔记吧。 目标:实现图片渐隐渐显切换的幻灯片效果。 想法: 图片切换通过改变图片url来实现;渐隐渐显效果通过定时改变图片透明度来实现,整个过程为:图片透明度定时降低为0->更改图片url->图片透明度定时增加到100;通过列表按钮对应图片,当鼠标指向不同的列表按钮,图片进行切换原创 2013-11-28 11:19:51 · 780 阅读 · 0 评论 -
[JavaScript学习]用面向对象方法实现拖拽效果
这两天又进一步学习了下JavaScript的面向对象方法,也看了简单的拖拽案例,顺便就尝试自己写写简单的拖拽效果作为练习 目标:实现子DIV在父DIV内的拖拽效果,并且不会突破父DIV边缘,在接近父DIV边缘时,自动吸附到边缘; 想法: 鼠标在子DIV区域内按下,子DIV获取onclick事件,计算鼠标位置和子DIV左边缘和上边缘的距离;鼠标移动,生成一个虚线框的DIV,大小和子DIV一原创 2013-12-04 09:36:26 · 1253 阅读 · 0 评论