全部 - 文章 - 第46页 - 社会猿技术网

radio单选框选中状态下让对应选中的文字改变颜色

<!DOCTYPE html> <html lang="en"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <style type="text/css"> .radio {...

0
0
admin
发布于 2020-06-27 23:51
阅读 ( 618 )

JavaScript实现鼠标经过图片时图片上下或左右抖动的动画效果

<!DOCTYPE html> <html lang="en"> <style type="text/css"> img { width: 100px; height: 100px; position: absolute; top: 200px; } </style> &l...

0
0
admin
发布于 2020-06-27 23:14
阅读 ( 553 )

原生JS获取年、月、日、时、分、秒以及周的星期显示

window.onload = function(){ // alert(new Date());//弹出当前系统的时间对象 var myTime = new Date(); var iYear = myTime.getFullYear();//获得当前年份 // alert(iYea...

0
0
admin
发布于 2020-06-27 23:08
阅读 ( 596 )

JavaScript字符串截取两种原生函数

1、substring( ) 截取字符串：substring(a,b )； a：从0数，第a位开始； b：取b个字符串；例如： substring( 2,3)表示从0数到2，然后截取3个字符（包括第2位字符）；如果后面数字比前面...

0
0
admin
发布于 2020-06-27 19:19
阅读 ( 573 )

文字收缩、展开（默认展开）

html： <p><span>JavaScript 是属于网络的脚本语言！...</span><a href="javascript:;">>>收缩</a></p> css： a {text-decoration: none;}/*...

0
0
admin
发布于 2020-06-27 19:14
阅读 ( 614 )

JavaScript字母大小写转化

var str = 'www.baidu.com'; alert(str.toUpperCase());//WWW.BAIDU.COM 转成大写字母 alert(str.toLowerCase());//www.baidu.com 转成小写字母

0
0
admin
发布于 2020-06-27 19:12
阅读 ( 554 )

分割字符串split( )的使用方法

把字符串分割成数组，把一串字符根据某个分隔符来分割成数组； split( )：括号中是分隔符，如果没有分隔符会把整个内容都当成一个数组 split(‘.’);括号中的分隔符是点，所以会找到点然后分...

0
0
admin
发布于 2020-06-27 19:10
阅读 ( 573 )

定义修改获取遍历json对象的方法详解

json非常适合服务器和js之间进行数据的交互； var json = {name:'张三',age:18};//定义jsonalert(json.name); // 访问jsonvar arrUrl = ['img/1.jpg','img/2.jpg','img/3.jpg','img/4.jpg'];va...

0
0
admin
发布于 2020-06-27 19:04
阅读 ( 592 )

JavaScript实现全文搜索替换字符

html： <input type="text"><input type="button" value="查找"><p>计算机（computer）俗称电脑，是现代一种用于高速计算的电子计算机器...量子计算机等。</p> css：...

0
0
admin
发布于 2020-06-27 18:57
阅读 ( 562 )

JavaScript实现全文搜索匹配字符并标亮（标红）

html： <input type="text"><input type="button" value="查找"><p>计算机（computer）俗称电脑，是现代一种用于高速计算的电子计算机器...量子计算机等。</p> css：...

0
0
admin
发布于 2020-06-27 18:51
阅读 ( 618 )

JavaScript将数组内重复的内容删除

var arr = [1,2,2,3,5,2,4,6];// 循环遍历数组for(var i = 0;i<arr.length;i++){ for(var j = i+1;j<arr.length;j++){ if(arr[i] == arr[j]){// 第一位和第二位进行比较 ...

0
0
admin
发布于 2020-06-27 18:46
阅读 ( 579 )

JavaScript随机函数生成随机数介绍并使用

Math.random( )是随机函数：随机取0~1之间的任意数； 1、四舍五入函数如果是一位整数，那么就要用到四舍五入函数：Math.round( ); 例如： alert(Math.round(3.4));//3alert(Math.round(3...

0
0
admin
发布于 2020-06-27 18:41
阅读 ( 607 )

JavaScript数组排序

1、纯字符排序： var arr = ['c','a','d','b'];arr.sort();alert(arr);//a,b,c,d 2、纯数字排序：数字排序不能直接使用sort( )方法，因为它是直接先比较第一位数字 var arr1 = [1,5,3,8,...

0
0
admin
发布于 2020-06-27 18:35
阅读 ( 596 )

html5强制手机浏览器竖屏

在 header 标签里加上以下代码： <meta name="screen-orientation" content="portrait"><meta name="x5-orientation" content="p...

0
0
admin
发布于 2020-06-27 15:24
阅读 ( 565 )

css旋转动画，360度不停转

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>360度不停旋转动画</title> <style> .rotate { width: 30p...

0
0
admin
发布于 2020-06-27 15:22
阅读 ( 571 )

jQuery文本内容段落展开和折叠效果

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery文本段落展开和折叠效果</title> <style>...

0
0
admin
发布于 2020-06-27 15:18
阅读 ( 571 )

简单的jquery倒计时案例完整代码

<!doctype html> <html> <head> <meta charset="utf-8"> <title>通俗易懂的jquery倒计时</title> <script src="http://libs.baidu.com/jquery/1.11.3/j...

0
0
admin
发布于 2020-06-27 12:32
阅读 ( 543 )

文字不间断向上滚动效果完整代码，无缝轮播原理

<!doctype html> <html> <head> <meta charset="utf-8"> <title>不间断向上滚动</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.mi...

0
0
admin
发布于 2020-06-27 12:29
阅读 ( 562 )

jquery多图片上传预览可删除

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery多图片上传预览</title> <script src="http://libs.baidu.com/jquery/1.11.3/jqu...

0
0
admin
发布于 2020-06-27 12:26
阅读 ( 558 )

鼠标放上边框变虚转圈效果的案例

<!doctype html><html><head><meta charset="utf-8"><title>鼠标放上边框变虚转圈效果</title><script src="http://libs.baidu.com/jquery/1.11.3/jque...

0
0
admin
发布于 2020-06-27 12:22
阅读 ( 553 )