TypechoJoeTheme

徐伟轩博客

统计
搜索到 2 篇与 网页特效代码 的结果 ———
2020-07-23

离开网页后改变页面的标题title的特效代码

离开网页后改变页面的标题title的特效代码
有些网站为了吸引用户,当访客点击其他网页的时候,就会把网页标题自动切换成一段自定义的文字句子。目的是引起用户注意,挽留网站的访客。这种效果怎么实现的呢?其实根据浏览器标签页的切换来改变标签页的title看到一个很有意思的HTML5事件,visibilitychange事件在当前网页在可见和不可见之间变换的时候调用,比如用户切换到其他页面。那么如何使用呢?用原生 JavaScript 实现,很简单:方法很简单,只需要将下面代码加入页面即可:view plaincopy to clipboard<script> document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { normal_title = document.title; document.title = '这么着急就走啦,也不再逛逛?'; } else document.title = normal_title; }); </script> 使用效果就是...
2020-07-23

搞开发

0 阅读
0 评论
2020年07月23日
0 阅读
0 评论
2020-07-14

粒子跟随鼠标移动网页特效

粒子跟随鼠标移动网页特效
不知道大家有没有想把自己网站做得比较炫酷的想法,而当访客进入网站,鼠标出现一些特效,不也很能抓住用户眼球嘛?今天,徐伟轩为大家介绍一款网页特效代码,粒子跟随鼠标移动的效果。下面为大家分享代码:HTML代码可以简略使用多个<div></div>重点在js代码 window.onload = function() { var divs = document.getElementsByTagName("div"); document.onmousemove = function() { divs[0].style.left = event.clientX + "px"; divs[0].style.top = event.clientY + "px"; for (var index = divs.length - 1; index > 0; index--) { divs[index].style.lef...
2020-07-14

整设计

3 阅读
0 评论
2020年07月14日
3 阅读
0 评论