伊人怎会持宠而骄
希望有人懂你的低头不语、小心翼翼守护你的孩子气

随笔分类 -  js效果

上一页 1 2 3 4 5 下一页
委托应用-表单的创建和编辑
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DOM操作</title> </head> <style> #detail{ widt 阅读全文
posted @ 2019-01-25 13:50 伊人怎会持宠而骄 阅读(187) 评论(0) 推荐(0)
学生成绩表(输入成绩后自动算出最高、最低、平均分)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h3>千峰H5成绩计算表</h3> <table> <tr> <td>班级名称:</td> <td><input type="te 阅读全文
posted @ 2019-01-25 13:49 伊人怎会持宠而骄 阅读(929) 评论(0) 推荐(0)
完美拖拽(点击回放运动轨迹)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>完美拖拽</title> <style type="text/css"> html,body{overflow:hidden;} body,div,h2,p{margin:0;pa 阅读全文
posted @ 2019-01-25 13:47 伊人怎会持宠而骄 阅读(240) 评论(0) 推荐(0)
实心图案
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> //打印 四行五列的矩形 for( var i = 1 ; i <= 4 ; i+ 阅读全文
posted @ 2019-01-25 13:46 伊人怎会持宠而骄 阅读(157) 评论(0) 推荐(0)
批量删除
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="t"/> <input type="button" id="btn" value="留 阅读全文
posted @ 2019-01-25 13:44 伊人怎会持宠而骄 阅读(142) 评论(0) 推荐(0)
微博发布
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{ list-style-type: none;} *{margin:0;padding: 0;} .box { marg 阅读全文
posted @ 2019-01-25 13:44 伊人怎会持宠而骄 阅读(127) 评论(0) 推荐(0)
模拟垂直滚动条
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 300px; height: 500px; border: 1px solid red; marg 阅读全文
posted @ 2019-01-25 13:43 伊人怎会持宠而骄 阅读(139) 评论(0) 推荐(0)
点不到的NO
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> html,body{ margin:0; padding:0; width:100%; height:100%; } #box{ width:12 阅读全文
posted @ 2019-01-25 13:42 伊人怎会持宠而骄 阅读(80) 评论(0) 推荐(0)
九九乘法表和空直角
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> //乘法表 for(var i = 1; i <= 9; i++) { for(v 阅读全文
posted @ 2019-01-25 13:41 伊人怎会持宠而骄 阅读(340) 评论(0) 推荐(0)
表格的创建和删除
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 行:<input type="text" id="r" /> 列:<input type="text" id="c" /> <inp 阅读全文
posted @ 2019-01-25 13:40 伊人怎会持宠而骄 阅读(132) 评论(0) 推荐(0)
彩色签名
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .active{ width: 10px; height: 10px; position: abs 阅读全文
posted @ 2019-01-25 13:40 伊人怎会持宠而骄 阅读(90) 评论(0) 推荐(0)
限制留言条数
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="t"/> <input type="button" id="btn" value="留 阅读全文
posted @ 2019-01-25 13:38 伊人怎会持宠而骄 阅读(132) 评论(0) 推荐(0)
随鼠标运动的彩色小球
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>小球运动</title> <style type="text/css"> p { border-radius: 50%; width: 30px; height: 30px; po 阅读全文
posted @ 2019-01-25 13:36 伊人怎会持宠而骄 阅读(159) 评论(0) 推荐(0)
地图插件
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-01-24 17:28 伊人怎会持宠而骄 阅读(110) 评论(0) 推荐(0)
多行文本显示省略号,点击展开隐藏
摘要:css部分 .container{ position: absolute; left:10px; right:10px; width:810px; position: relative; } .content{ font-size: 16px; line-height: 1.5; width: 10 阅读全文
posted @ 2019-01-24 12:05 伊人怎会持宠而骄 阅读(1073) 评论(0) 推荐(0)
某个公司采用公用电话传递数据,数据是四位的整数,在传递过程中是加密的, 加密规则如下:每位数字都加上5,然后用除以10的余数代替该数字,再将第一位和第四位交换, 第二位和第三位交换,请编写一个函数,传入原文,输出密文
摘要:function hash(num){ var n1 = (num%10+5)%10; var n2 = (parseInt(num%100/10)+5)%10; var n3 = (parseInt(num%1000/100)+5)%10; var n4 = (parseInt(num/1000) 阅读全文
posted @ 2019-01-23 17:08 伊人怎会持宠而骄 阅读(2261) 评论(0) 推荐(0)
编写函数计算一个数字的长度
摘要:function getLength(num){ var count = 0; while(num != 0){ num = parseInt(num/10); count++; } return count; } function getLength(num){ return num.toStri 阅读全文
posted @ 2019-01-23 17:07 伊人怎会持宠而骄 阅读(708) 评论(0) 推荐(0)
编写函数digit(num, k),函数功能是:求整数num从右边开始的第k位数字的值,如果num位数不足k位则返回0。
摘要:function digit(num,k){ var knum = 0; for(var i=1; i<=k; i++){ knum = num%10; num = parseInt(num/10); } return knum; } 阅读全文
posted @ 2019-01-23 17:07 伊人怎会持宠而骄 阅读(1591) 评论(0) 推荐(0)
编写一个函数,计算任意两个数字之间所能组成的奇数个数,数字必须是个位数。 比如:计算0~3之间能组成的奇数是: 01、03、13、21、23、31
摘要:function get(m,n){ var count = 0; for(var i=n; i<=m; i++){ for(var j=n; j<=m; j++){ if(i==j) continue; if( (i*10+j)%2 != 0 ){ console.log(i*10+j); cou 阅读全文
posted @ 2019-01-23 17:07 伊人怎会持宠而骄 阅读(2432) 评论(0) 推荐(0)
编写一个函数,生成4位数字的验证码
摘要:function checkcode(){ var num = parseInt(Math.random()*9000) + 1000; return num; } function checkcode(){ var num = 0; do{ num = parseInt(Math.random() 阅读全文
posted @ 2019-01-23 17:06 伊人怎会持宠而骄 阅读(1907) 评论(0) 推荐(0)

上一页 1 2 3 4 5 下一页