JavaScript
关注
分享
扫一扫
BIG*BOSS
这个作者很懒，什么都没留下…
展开
-
html css javascript实现弹弹球
效果如图：原创代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>足球</title> <style> #ball{ position: absolute; } </style> &l...原创 2019-08-05 20:22:19 · 865 阅读 · 0 评论 -
HTML元素跟随鼠标一起移动,网页中回到顶部按钮的实现
对象跟随鼠标：1.对象css设置绝对定位position: absolute;2.获取鼠标坐标；3.通过鼠标坐标计算出对象坐标位置，并设置为css定位的位置；document.onmousemove=function(event){ event.clientX;//鼠标X坐标 event.clientY;//鼠标Y坐标 对象.style.left=event.clientX -...原创 2019-08-05 20:28:06 · 2224 阅读 · 0 评论 -
JavaScript笔记
JS有三大特点1.解释执行，无需编译2.弱类型语言3.动态语言(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行<过程中逐行进行解释。(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用...原创 2019-08-02 09:01:51 · 184 阅读 · 0 评论 -
HTML、CSS与JS实现简易iPhone计算器
效果如图源码，通俗易懂<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #bg{ width: 246px; height: 400px; background:...原创 2019-08-02 09:50:58 · 1800 阅读 · 5 评论 -
【javascript】京东商品浏览放大镜效果
1.onclick点击小图可以切换图片2.onmouseover显示黄色div与放大图片的div3.onmouseout，2的内容消失4.onmousemove黄色div跟随鼠标移到，但是不能超出图片范围，放大图片的部位与黄色div的位置有关联代码实现：<!DOCTYPE html><html> <head> <meta charset...原创 2019-08-06 18:48:55 · 759 阅读 · 0 评论 -
【jQuery】全功能轮播图的实现（本文结尾也有javascript版）
轮播图图片自动切换（定时器）；鼠标悬停在图片上图片不切换（清除定时器）鼠标悬停在按钮上时显示对应的图片（鼠标悬停事件）鼠标悬停在图片上是现实左右箭头点击左键切换到上一张图片，但图片为第一张时，点击切换到最后一张图片点击右键切换到下一张图片，但图片为最后一张时，点击切换到第一张图片jquery版本3.4.1<!DOCTYPE html><html> ...原创 2019-08-06 19:00:58 · 144 阅读 · 0 评论