JS-鼠标跟随块（一个小圆点跟着鼠标跑）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="author" content="郭菊锋/702004176@qq.com"/> <style type="text/css"> .div { display: none;…

js 小野人跟着鼠标移动

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <script> onload = function () { onmousem…

1.鼠标经过导航中li时,一个活动的li跟随鼠标移动,最终移动到鼠标的停留的位置.(如需鼠标离开后让活动的li回到初始位置,则用jq hover事件,当鼠标离开时,给活动的li设置left是0) 2.鼠标经过div时,图片放大,layer层出现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title&g…

关于js中 toFixed()的一个小坑

作为一名前端,大家都应该知道,toFixed()的作用,toFixed()经常用于前台与后台数据格式的转换,套用下w3c上面的定义: 定义和用法toFixed(n) 方法可把 Number 四舍五入为指定小数位数的数字.n为保留的小数位数返回值 typeof (1.0.toFixed()) //string 返回值是string类型的其实大部分的时候,我们在项目中运用,都是将多位的小数,转化成固定位数的小数,比如 1.000000.toFixed(2) //"1.00" 但是有的时…

使用spring boot，gradle，idea，js，html创建一个小的前后端程序

1:配置build.gradle,添加依赖等 buildscript { repositories { mavenCentral() } dependencies { classpath('org.springframework.boot:spring-boot-gradle-plugin:1.5.9.RELEASE') } } group "com.li" version "1.0-SNAPSHOT" apply plugin: "java"…

JS---案例：图标跟着鼠标飞(有bug)

案例:图标跟着鼠标飞(有bug) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> img { position: absolute; } </style> </head> <body> <img src=&q…

纯js轮播图练习-3，类似于淘宝海报带小圆点轮播图

基于js和css,跟着网上的视频教程,结合自己想要的效果,做出了一个类似于淘宝海报的效果. 如图:淘宝首页自己做的: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lunbo3</title> <style type="text/css"> *{ margin: 0; padding: 0; } li…

js中关于value的一个小知识点(value既是属性也是变量)

今天在学习input的value值时,发现这么一个小知识点,以前理解不太透彻. [1]以下这种情况是常见情况,会弹出“测试内容” <input type="button" value="测试内容" onclick = "alert(value)"> [2]心想,这种情况下value找不到,沿着作用域链应该到document了,应该弹出“123",但情况是弹出空 <script> var value=123; &l…

使用js在网页上记录鼠标划圈的小程序

Spin-Wheel 实现鼠标在网页上转圈时记录转动圈数的小程序,每转一圈记录一次,同时要是顺时针方向的. 问题分析与实现这个小程序的难点在于如何知道鼠标完成了一个转圈的动作,而且人工使用鼠标划圈时也不会是一个标准的圆,通常都是很不规律的.这点上我网上找了找发现浏览器的鼠标手势实现了. 而且我找了一个人实现的手势识别,是通过计算两个点形成的角度来判断,我开始也觉得这种方法不错.但是我在具体实现的时候想到了另一个方法. 我的实现方法:把一个圆分为4个等分,也就是扇区:左上,左下,右上,右下.然后…

模仿bootstrap做的 js tooltip (添加鼠标跟随功能)

主要思路: 使用jquery hover方法,当进入时显示tooltip,移出时隐藏tooltip当设定为鼠标跟随时,使用mousemove事件显示tooltip根据tooltip显示位置设置,计算tooltip应显示位置使用方法: <span class="ztip" title="hello tooltip">普通Tooltip</span><span class="ztip" title="#div…