cheryshi - 博客园

2018年3月2日

摘要： 1.面向过程的拖拽实现代码： 2.面向对象的实现方法，只用新建对象，可以实现多个div的拖拽运动阅读全文

posted @ 2018-03-02 17:16 cheryshi 阅读(559) 评论(0) 推荐(0)

JS实现跟随鼠标移动的div，和一串跟随鼠标的div，鼠标移入移出实现图片的颜色淡入淡出

摘要： 1.一直跟着鼠标移动的div：原理是div的left和top值有oEvent.clientX+scrollLeft鼠标指针向对于浏览器页面（或客户区）的水平坐标+元素中滚动条的水平偏移 2.一串跟随鼠标移动的div们：用循环使多个div运动 3.鼠标移入移出实现图片的颜色淡入淡出阅读全文

posted @ 2018-03-02 17:02 cheryshi 阅读(11113) 评论(2) 推荐(0)

2018年3月1日

JS对Cookie的应用--JavaScript实例集锦（初学）

摘要：一个网站上的cookie信息可以实现下次自动登录，记录你的历史等等可以在火狐浏览器查看本地代码的cookie信息：打开火狐浏览器--点击右键--查看页面信息--安全--查看cookie 2.利用cookie记录鼠标拖动div的位置坐标 3.利用cookie记住用户名阅读全文

posted @ 2018-03-01 11:59 cheryshi 阅读(263) 评论(0) 推荐(0)

2018年2月5日

JS基础--JavaScript实例集锦（初学）

摘要： 1.子节点childNodes： 2.父节点parentNodes 3.className 4.removeChild方法 5.使用函数，便于获取css样式 6.创建DOM元素 7.JS的json运用如果是Json只能用 for...... in;如果是array可以用for循环和for...in 阅读全文

posted @ 2018-02-05 18:24 cheryshi 阅读(1308) 评论(0) 推荐(0)

纯JS实现多张图片无缝滚动和多张图片上下滚动的效果--JavaScript实例集锦（初学）

摘要：我们会看到很多的网站上会使用多张图片无缝滚动的效果。下面我就介绍几种纯JS实现多张图片的无缝滚动，并实现鼠标移到图片上运动停止的效果，可以控制图片左右滚动。1.效果展示：代码实现： <!DOCTYPE html><html><head> <title>无缝滚动</title></head><st 阅读全文

posted @ 2018-02-05 15:36 cheryshi 阅读(22765) 评论(0) 推荐(0)

筱风能动浪，岸树不遮山

你若盛开，蝴蝶自来

公告