![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
js代码案例
js各种代码案例,js各种特效
小小鱼儿小小林
感谢关注,商务合作请私信。全网同名(小小鱼儿小小林 or 不爱说话的老余)
展开
-
csdn博客自定义模块:显示实时天气、日历、随机语录代码
vip会员或者博客专家可以自定义模块代码,比如我博客的样式,有这几部分组成:可以访问我的主页查看具体效果样式原创 2024-04-07 18:27:12 · 733 阅读 · 1 评论 -
左右滚动公告代码
如效果图 代码 公告 欢迎访问,如有意见建议请到社区留言反馈给我们!原创 2017-09-26 19:44:47 · 2512 阅读 · 0 评论 -
JS实现鼠标拖动div移动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> cript"> var mouseX, mouseY; var objX, objY; var isDowm = false; //是否按原创 2017-09-26 19:46:53 · 2156 阅读 · 3 评论 -
仿美团菜单代码
仿美团菜单代码 var TouchSlide=function(a){a=a||{};var b={slideCell:a.slideCell||"#touchSlide",titCell:a.titCell||".hd li",mainCell:a.mainCell||".bd",effect:a.effect||"left",autoPlay:a.autoPlay||!1,delayTim原创 2017-09-26 19:44:50 · 1781 阅读 · 0 评论 -
图片可以360度旋转类似广告代码
图片可以360度旋转类似广告代码 .picture_xwo img { width: 100%; height: 60px; /*设置图像的长和宽,这里要根据自己的情况更改*/ border-radius: 10px; /*设置图像圆角效果,在这里我直接设置了超过wi原创 2017-09-26 19:44:53 · 803 阅读 · 0 评论 -
HTML常用的颜色代码参考表|前端使用颜色必备
一、效果展示 二、代码参考如果嫌弃自己麻烦还要运行的,可以直接戳这个链接,我已经帮大家运行起来了,大家进去直接复制颜色代码即可链接地址:http://sgh.jxlgnc.cn/color<title>颜色代码参考表</title><style> A {TEXT-DECORATION: none}A:hover {TEXT-DE...原创 2015-07-15 23:44:49 · 4157 阅读 · 0 评论 -
仿网易官网顶部展出的大幅广告代码,附效果演示
仿网易官网顶部展出的大幅广告代码,附效果演示效果演示: 像163网站顶部展出的大幅广告 var time = 500; var h = 0; function addCount() { if(time>0) { time--; h = h+5; } else原创 2017-09-26 19:44:56 · 956 阅读 · 0 评论 -
分享个打开a页面自动跳转到b页面的HTML代码
代码如下:页面跳转 location.replace("http://zygxsq.kuaizhan.com")原创 2017-09-26 19:44:32 · 8278 阅读 · 1 评论 -
左右滚动公告代码和上下滚动公告代码
左右滚动 周末双休日,来淘宝嗨一次。 周末双休日,来淘宝嗨一次。 上下滚动原创 2017-09-26 19:44:35 · 6197 阅读 · 0 评论 -
页面底部悬浮广告或关注公众号代码
代码如下 .margingT { margin-bottom: 60px; } .bottomAD { -webkit-box-sizing: border-box; height: 80px; position: fixed; bottom: 0; left: 0; z-index原创 2017-09-26 19:44:38 · 8584 阅读 · 0 评论 -
上下轮流滚动公告代码
公告代码 header, nav, aside, menu, figure, article, footer { display:block; } body, div, form, textarea, label, input, ul, ol, li, dl, dt, dd, p, span, a, img, h1, h2, h3, h4, h5, h6, tbody, tfoot,原创 2017-09-26 19:44:41 · 766 阅读 · 0 评论 -
电话悬浮代码
代码*{ margin:0; padding:0; list-style:none;}body{ font-size:14px;}.main{ width:0px; height:0px; position:fixed; bottom:150px; border:1px solid #b83b3b; background-color:#FFF;}.main2{ width:0px; height:原创 2017-09-26 19:44:44 · 1361 阅读 · 0 评论 -
一天只弹出1次的公告代码
温馨提醒var alertmessage="你是猪,哈哈哈"var once_per_session=1function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(s原创 2017-09-26 19:44:14 · 5882 阅读 · 12 评论 -
分享一个页面访问计数的js代码给大家
代码:varcaution=falsefunctionsetCookie(name,value,expires,path,domain,secure){varcurCookie=name+"="+escape(value)+((expires)?";expires="+expires.toGMTString():"")+((path)?";path="+path:原创 2017-09-26 19:44:17 · 4445 阅读 · 1 评论 -
可以闪动的假消息提示代码
像QQ一样的闪动消息 var styChangeTimes=0; function changeSty(id) { obj=document.getElementById(id); styChangeTimes = styChangeTimes+1; if((styChangeTimes%2)==0) obj.style.display="none"; else obj.style.displa原创 2017-09-26 19:44:20 · 760 阅读 · 0 评论 -
无缝循环滚动图片的JS代码
无缝循环滚动图片的JS代码,用来展示商品什么的最好了,图片URL可以自行替换,速度也可以自己调试。 无缝滚动 #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 400px; } #demo img {border: 3px solid #F2F2F2;} #indemo {width: 8原创 2017-09-26 19:44:23 · 2179 阅读 · 0 评论 -
有趣温馨的时间提示代码
有趣温馨的时间提示代码代码如下: 在不同的时间显示不同的提示信息 d = new Date(); hours = d.getHours(); document.write("现在的时间是:"); document.write(hours, "时") document.write(d.getMinu原创 2017-09-26 19:44:26 · 582 阅读 · 0 评论 -
非常小巧的一键到达顶部的代码
一、效果展示: 二、代码分享 <div style='height:50px; line-height:50px; text-align:center; color: #b2b2b2;'> <a href="https://blog.csdn.net/qq_27471405/article/details/78105999"> ...原创 2017-09-26 19:44:29 · 756 阅读 · 0 评论 -
网页弹窗加密代码(可关闭)
loopy();function loopy() {var sWord = prompt("你好,[nickname] 此网页属于私密网页已经进行加密处理了,需要输入正确的邀请码才能进入网页哦。没有邀请码请联系QQ 746510987 索要最新进入此网页的邀请码吧。谢谢!(注意:如果点击取消网页将会空白。)默认邀请码 小小鱼儿小小林");var password = "小小鱼儿小小林";var i原创 2017-09-26 19:44:04 · 996 阅读 · 0 评论 -
帅帅的导航代码
@import url(http://fonts.useso.com/css?family=Lato:300,400);@font-face { font-weight: normal; font-style: normal; font-family: 'codropsicons'; src:url('../fonts/codropsicons/codropsicons.eot'); src:ur原创 2017-09-26 19:44:08 · 736 阅读 · 0 评论 -
侧边多彩磁铁导航
今天给大家分享一个代码,侧边多彩磁铁导航【注意:这个代码在QQ和微信自带的浏览器不会有效果,但不影响美观】不要用电脑打开,你会看不到效果。 .lalalala { position: fixed; width: 0px; z-index: 9999999; } .wawdy原创 2017-09-26 19:44:11 · 458 阅读 · 0 评论 -
一个手机页面的导航代码,附效果图
英语四六级成绩查询原创 2017-09-26 19:45:15 · 1961 阅读 · 0 评论 -
图片循环滚动代码-附效果图
搜狐新闻 梦想盒子 阿坞里 家电维修 ND社区 资源共享社区 宅客有约 蜂讯科技 今日悬赏 壹时间原创 2017-09-26 19:45:18 · 1398 阅读 · 0 评论 -
倒计时代码-附效果图
代码:距离2016级新生开学还有:JS时间倒计时 var time_now_server,time_now_client,time_end,time_server_client,timerID; //结束时间time_end=new Date("2016/9/10 00:00:00");time_end=time_end.getTime();//开始的时间:如果不填入时间日期默认为当前的日原创 2017-09-26 19:45:21 · 607 阅读 · 0 评论 -
页面加密代码,附效果演示
页面加密代码,附效果演示效果演示: loopy();function loopy() {var sWord = prompt("输入正确密码才能登陆!","");var password = "123456789";var isCancle = false;while(sWord!=password){ if(sWord==null){ isCancle = true; br原创 2017-09-26 19:45:03 · 591 阅读 · 0 评论 -
非常漂亮的纯css3实现多彩侧边导航(非常流畅),附效果演示
非常漂亮的纯css3实现多彩侧边导航(非常流畅),附效果演示效果演示原创 2017-09-26 19:45:06 · 6609 阅读 · 2 评论 -
唯美雪景雪花飘落代码,附效果演示
唯美雪景雪花飘落代码,效果演示; 包括一个index.html代码+两个js代码+图片文件夹 简单的来说不是很难,主要就是以理解为主,修改index里面的文字内容,以及图片的替换,js 的代码不需要改动index代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h...转载 2017-09-26 19:45:08 · 5417 阅读 · 2 评论 -
html电子书翻页效果代码,附效果演示
html电子书翻页效果代码,附效果演示效果演示:一个index代码+2个js代码+1个css样式代码+图片文件夹整体来说效果还是挺炫酷的,值得学习并且调用其中的index代码:<!DOCTYPE html><html><head><meta charset=...转载 2017-09-26 19:45:12 · 14707 阅读 · 10 评论 -
Dom的高级应用
1.对表格的操作 HTML 属性或方法 说明caption 保存着<caption>元素的引用tBodies 保存着<tbody>元素的HTMLCollection集合tFoot 保存着对<tfoot>元素的引用tHead 保存着对<thead>元素的引用rows 保存着对<tr> 元素的HTMLColl...转载 2017-09-26 19:46:02 · 331 阅读 · 0 评论 -
文档对象模型
DOM是针对HTML和XML文档的一个API(应用程序编程接口),DOM描绘了一个层次化的节点树,允许开发人员添加,移除,修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准,为基本的文档结构以及查询提供了接口。但是要注意,IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。 DOM...转载 2017-09-26 19:45:59 · 313 阅读 · 0 评论 -
JavaScript的自定义对象
javasrcipt中的对象 Object javascript中{}可以代表对象 1 javascript已经存在的类型的对象 var v = new Date(); var obj1 = new Object(), obj2 = {};//Object 对象 var arr1 = new Array(), arr2 = [];//Array 对象 var boo1 = ne原创 2017-09-26 19:45:56 · 321 阅读 · 0 评论 -
JavaScript的对象介绍和常用内置对象介绍
JavaScript是面向对象的编程。对象是JavaScript的重要组成元素。 对象由属性和方法组成。 JavaScript包含四种对象: 1.内置对象(11种) 1.1 基本类型包装类型 Boolean, Number, String 1.2 数组对象 : Array 1.3 工具对象:Math , Date 1.4 正则对象:RegExp 1.5 其他对象:Fu原创 2017-09-26 19:45:52 · 735 阅读 · 0 评论 -
JavaScript的循环语句
01)for语句for循环是一种前测试循环语句,但它具有在执行循环之前初始化变量和定义循环后要执行的代码的能力。以下是for循环的语法: 初始化表达式,控制表达式,循环后表达式for(initialization;expression;post-loop-expression){//loop option}例如:var sum = 0;for(var ...转载 2017-09-26 19:45:49 · 633 阅读 · 0 评论 -
JavaScript的流程控制语句
01) if语句if(condition){statement1}else{statement2}condition表示任意表达式,该表达式求值的结果不一定是布尔类型,如果不是布尔类型,ECMAScript会调用Boolean() 转换函数将这个表达式结果转换为一个布尔类型,如果condition求值结果为true,执行statement1。如果求值结果为false,执行...转载 2017-09-26 19:45:46 · 327 阅读 · 0 评论 -
JavaScript的操作符
01) 一元操作符++,--,+,-操作符应用任何类型数值都返回一个【数值类型】,先将任意类型的值转换为Number然后进行运算(通过Number()方法进行转换)1.递增 ++ var a = "11";1+a++;1+ ++a;前置:操作该变量之前进行递增或者递减操作后置:操作该变量之后进行递增或者递减操作对任意数据类型的操作数都适用,使用前先将其转换为数字(...转载 2017-09-26 19:45:43 · 331 阅读 · 0 评论 -
JavaScript的类型转换
01) 其他数据类型到Boolean类型转换通过Boolean() 函数转换 【Boolean true false】String 非空字符串 ""Number 任何非0 0和NaNObject 任何对象 nullUndefined n/a undefined (n/a not applicable 不适用)例如:Boolean(""); //fal...转载 2017-09-26 19:45:40 · 491 阅读 · 0 评论 -
JavaScript的数据类型
《JavaScript高级程序设计》 1)ECMAScript不支持自定义类型,只有6中数据类型: 5种基本数据类型(简单数据类型) Undefined 未定义 "undefined"var a ;var a = "undefined";//不做 Null 空引用数据类型 "null"var a = null; Boolean ...转载 2017-09-26 19:45:37 · 298 阅读 · 0 评论 -
JavaScript的语法
JavaScript作为一门语言,本身有属于自己的语法,词法,句法的而要求,并且和Java等高级编程一样,也有属于自己的流程控制等操作。 1.词法要求:1) 变量(variable)声明:声明时统一使用var,弱类型的,定义不需要声明所属类型var test = 'hi';var a = 'haha'; 等同于:var test = 'hi',a='ha...转载 2017-09-26 19:45:34 · 246 阅读 · 0 评论 -
如何在页面中引入JS教程
1.直接写到页面中 须位于 与 标签之间,放置在 HTML 页面的 或者 标签中: //在这里写JS代码 元素,常用属性有: type : 可看做是language的替代属性,表示编写代码使用的脚本语言的内容类型,MIME这个属性非必须,默认是text/javascript src : 表示包含要执行代码的外部文件 注意:js代码所原创 2017-09-26 19:45:31 · 1190 阅读 · 0 评论 -
JavaScript的事件
javascript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 事件三要素:事件目标(event target)发生的事件与之相关联或与之相关的对象事件处理程序(event handler)处理或相应事件的函数事件对象(event object) 与特定事件相关且包含有关该事件详细信息的对象。1) 事件...转载 2017-09-26 19:46:04 · 394 阅读 · 0 评论