【点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)】的更多相关文章

JS类小功能

工作中,总是要处理一些前端的小功能.都是网上搜的JS脚本 <script> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); </script> 判断是否微信浏览器,相应显示与隐藏html元素 <script type=&q…

点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

效果: 思路: 首先,加载onscroll控制滚动条.然后写缓存运动的方法,缓冲运动的方法是先计算出DIV缓冲的速度,并且将其取整,再进行运动判断什么时候到达终点.最后将其参数返回.再在onscroll里面调用此方法,并且将终点计算出来赋予此方法的参数. 代码: <head runat="server"> <title></title> <style type="text/css"> #div1 { width: 20…

js实现小功能 动态赋值

…

常用小功能js函数-函数防抖

函数防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时.这个我经常用到/** * 函数防抖 * fun 需要延时执行的函数 * delayTime 延时时间 * **/export function debounce (func, delay) { let timer return function (...args) { console.log('进来了!') if (timer) { clearTimeout(timer) } timer = setTimeout(()…

js/jq 小功能函数

1.点击复制内容到剪贴板 function copyToClip(str) { var save = function(e) { e.clipboardData.setData('text/plain', str); e.preventDefault(); }; document.addEventListener('copy', save); document.execCommand('copy'); document.removeEventListener('copy', save); con…

js实现小时钟,js中Date对象的使用?

介绍一下js中Date对象的使用 dateObj = new Date() dateObj = new Date(dateValue) dateObj = new Date(year,month,date[,hours[,minutes[,seconds[,ms]]]]); 以下有一个小样例 <script type="text/javascript"> function setTime(){ //获得如今的时间 var now = new Date(); var year…

js小功能整理

/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** 获取选择文件的数目.大小 */ <input type="file" multip…

js小功能记录

个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return {Boolean} [ture,false] */function isContains(str,substr) { return new RegExp(substr).test(str);} /** * 判断文件是否是图片 * @param {[type…

js模仿微信语音播放的小功能

自己写的一个模仿微信语音播放的小功能,实现的主要功能是:点击播放,点击暂停,播放切换,,,  代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…

网站开发---js与java实现的一些小功能

记录一下网站开发过程中的一些小功能 1.js获取当前年份: <span>Copyright © 2017-<script>document.write( new Date().getFullYear() );</script> 宇乔工作室 all rights reserved.</span> (网上有蛮多,都感觉很复杂,写一个教简单的,主要是在document.write里面写) 2.js获取服务器IP和地址 利用搜狐的帮助: <script src…