
JS
GLyihu
这个作者很懒,什么都没留下…
展开
-
jQuery弹出窗口带透明遮罩层
一个常用的web效果,记录一下,希望能帮助到大家。高手请绕行。先上效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid.原创 2021-09-06 16:51:35 · 413 阅读 · 0 评论 -
jQuery tab代码 简单好用
写了一个极简的tab代码,喜欢的拿去用,不喜勿喷。html部分(要引入jQuery)<div class="warp"> <div class="tab_tit_haha"> <span class="active">ceshi1</span> <span>ceshi2</span> <span>ceshi3</span&原创 2021-08-17 15:38:21 · 194 阅读 · 0 评论 -
优酷视频分享链接自适应屏幕的方法
直接分享代码:<script> $(function () { resizeIframe(); $(window).resize(function () { resizeIframe(); }); }); //调整iframe尺寸的方法 function resizeIframe() { var expectWidth = $(document)...原创 2020-04-22 13:31:15 · 912 阅读 · 0 评论 -
js实现获取网络来源并赋值到URL代码
直接上代码//把参数转换为JSON格式var getParms = function (url) { url = url.split('?')[1]+''; var data = {}; if(url.indexOf('=')!==-1){ var kv = url.split('&'); if(kv.length){ kv.forEach(function(e...原创 2020-04-18 17:08:21 · 342 阅读 · 0 评论 -
javascript实现随机显示图片
js部分window.onload = choosePic;function choosePic() { var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg"); var randomNum = Math.floor((Math.random() * myPix.length...原创 2021-10-08 14:45:51 · 3868 阅读 · 1 评论 -
js获取当前页面的标题或URL,并提交表单
使用document.title获取页面标题,使用document.referrer获取页面URL,并通过给value属性赋值提交表单html部分<input type="text" id="text"/><input type="button" value="这个地方是获取的标题" onclick="aa()"/>js部分function aa()...原创 2019-10-09 17:47:08 · 860 阅读 · 0 评论 -
JS复制内容自动添加版权信息
直接上代码:function addLink() { var body_element = document.body; var selection; var blogName = '你的网站名称'; selection = window.getSelection() ? window.getSelection() : document.selection.c...转载 2019-04-28 15:09:33 · 980 阅读 · 0 评论 -
posfixed.js(修改为任意页面停靠)滚动固定jquery插件
$(document).ready(function() {$("#ho-xdiv").posfixed({distance: 0, //top值,高度pos: "top",type: "while",hide: false});js代码用于页面,也可写在js文件里。注意#ho-xdivposfixed.js代码如下:(修改过)(function($){$.extend......原创 2017-08-28 11:06:49 · 1442 阅读 · 0 评论 -
随机选取样式代码js
html部分<ul id="divTags"> <li><h4><a href="#">专利战升级,高通要求美禁止进口部分iPhone机型</a></h4></li> <li><h4><a href="#">专利战升级,高通要求美禁止进口部分iPhone机型&l...原创 2017-08-30 14:03:19 · 593 阅读 · 0 评论 -
JQUERY可变透明度返回顶部代码
1、在页面(HTML)<body></body>里加上A标签(返回顶部超链接)<a href="#0" class="cd-top">Top</a>2、添加css样式(可以写在页面里,也可以写在单独的css样式表里).cd-top { display: inline-block; height: 40px; width:...转载 2017-09-04 16:21:21 · 678 阅读 · 0 评论 -
鼠标经过隐藏与显示
<script src="js/jquery-3.3.1.min.js"></script><script>$(".down").hover(function(){ $(this).children(".down span").hide(); $(this).children(".down-ewm").show(); },function(){ ...原创 2019-03-06 11:29:43 · 715 阅读 · 0 评论 -
鼠标点击自定义文字展现特效JS代码
只需将如下JS代码放到</body>之前就好了。也可以保存为JS文件,通过链接调取。<script type="text/javascript">/* 鼠标特效 */(function() { var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "...转载 2019-03-29 16:57:33 · 719 阅读 · 0 评论 -
简单的Jquery添加删除属性、添加删除class、添加删除Css
一.设置属性:方式一: jQuery 代码$("img").attr({ src: "test.jpg", alt: "Test Image" }方式二:jQuery代码--键值对$("img").attr("src","test.jpg");方式三: jQuery 代码--函数式$("img").attr("title", function() { return t...转载 2019-04-01 09:28:37 · 403 阅读 · 0 评论 -
Jquery 当div为空时,隐藏其他div
当#textdiv为空时,隐藏#newplayer:$(function() { if ($('#textDiv').text().trim() == '') { $('#newPlayer').hide(); }});案例:<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jqu...转载 2019-04-12 16:06:02 · 1044 阅读 · 1 评论