JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

基于jquery实现漂亮的动态信息提示效果

基于jquery实现漂亮的动态信息提示效果

2016年07月27日 5 阅读

简单，漂亮，动画效果，用户体验好！这个效果是在页面头部出现的，出现一下会自动隐藏，上面有x那个提示就要手动关闭一下，其他的都是自动隐藏的！温馨提示：基于jquery 1.6.2 版本！复制代码代码如下: <div id="message-dock"> <div id="message-sleeve" class="group"> <p><span class="sprite message-icon">...

JQuery+JS实现仿百度搜索结果中关键字变色效果

JQuery+JS实现仿百度搜索结果中关键字变色效果

2016年07月27日 7 阅读

1.源码复制代码代码如下: <script type="text/javascript"> $（function（） { $（"#btn_1"）.click（function（） { var $keyword = $（"#Text1"）.val（） setHeightKeyWord（"bbb", $keyword, "Red", true） }）; }）; function setHeightKeyWord（id, keyword, col...

用JS判别浏览器种类以及IE版本的几种方法小结

用JS判别浏览器种类以及IE版本的几种方法小结

2016年07月27日 5 阅读

复制代码代码如下: var isIE=！！window.ActiveXObject; var isIE6=isIE&&！window.XMLHttpRequest; var isIE8=isIE&&！！document.documentMode; var isIE7=isIE&&！isIE6&&！isIE8; if （isIE）{ if （isIE6）{ alert（"ie6"）; }else if （isIE8）{ alert（"ie8"）; }els...

JS 控制小数位数的实现代码

JS 控制小数位数的实现代码

2016年07月27日 6 阅读

昨天在用JS对前台浮点数进行合算时发现: 0.05+1.08=1.1300000000000001 上网查一查的确存在这种Bug，除了位数上控制之外也没什么也好的方法（希望高手能提出其它思路）。于是自己编写一个控制小数位数的JS方法，解决开发燃眉之急复制代码代码如下: //小数位数控制，可以四舍五入 function Fractional（n） { //小数保留位数 var bit = 2; //加上小数点后要扩充1位 bit++; //数...

推荐11款jQuery开发的复选框和单选框美化插件

推荐11款jQuery开发的复选框和单选框美化插件

2016年07月27日 5 阅读

作者：Chris Spooner翻译：Terry li -GBin1.com英文：jQuery Plugins for Styling Checkbox & Radio Buttonsweb开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的...

JavaScript 大数据相加的问题

JavaScript 大数据相加的问题

2016年07月27日 5 阅读

同样是一道面试题，来自有道前端的面试。写一个函数处理大数据的相加问题，所谓的大数据是指超出了整型，长整型之类的常规数据类型表示范围的数据。实现语言不限。我是用js实现的，说一下我自己的思路： 1、首先这个题目最重要的环节在考虑怎么存储大数据？用什么数据类型保存呢？最简单可行的方式是String 2、确定了使用何种类型保存数据之后这个题目就明朗了。首先判断两个传入字符串的长度，取最短的len循环，两者从低位开始对应位相加，同时注意保存进位。在短的数据处理...

JavaScript中去掉数组中的重复值的实现方法

JavaScript中去掉数组中的重复值的实现方法

2016年07月27日 9 阅读

复制代码代码如下: 题目：要求写一个函数，去掉给定数组中的重复值。如：传入数组 a = [0, 8, 5, 4, 78, 8, 90, 4, "a", "b", "a"]; 要求返回：[0,4,5,8,78,90,a,b] 对于这个题目，在面试之后也想了好多次，不过一直没能想出一个时间复杂度较低的方法。昨天下午在宿舍看《JavaScript语言精粹》看到一个书中的一段代码有所触发，于是在jsfiddle上测试了，成功。代码如下（完整版参见jsfid...

JavaScript 一道字符串分解的题目

JavaScript 一道字符串分解的题目

2016年07月27日 5 阅读

去某公司（公司名不说了，人这套题说不定还要用）面试，现场30分钟做了一套题，其中有一道是这样的：要求用js写一个函数，对传入的形如下网址字符串，返回对应的对象。如：若传入字符串a="？name=zhiyelee&blog=www.tsnrose.com"; 则返回 b={‘name":"zhiyelee","blog":"www.tsnrose.com"} 当时由于时间比较短，实现的有些问题，回来后想了一下，总结如下：我想到了两种思路，一种是使用正...

jQuery + Flex 通过拖拽方式动态改变图片的代码

jQuery + Flex 通过拖拽方式动态改变图片的代码

2016年07月27日 5 阅读

代码如下：复制代码代码如下: function init（） { if（swfobject.hasFlashPlayerVersion（"10"））{ var flashvars = {}; flashvars.xmlPath = "coffee"; flashvars.name = "coffee"; var params = {}; params.quality = "high"; params.wmode = "transparent"; var...

基于jQuery的图片剪切插件

基于jQuery的图片剪切插件

2016年07月27日 5 阅读

第一步：建立工作区间首先，我们要位我们这个教程建立一个工作区间，建立如图所示的文件层次结构，以及新建相应的空文件。 <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm...

jquery里的正则表达式说明

jquery里的正则表达式说明

2016年07月27日 7 阅读

// A simple way to check for HTML strings or ID strings // （both of which we optimize for） quickExpr = /^（？:[^<]*（<[wW]+>）[^>]*$|#（[w-]+）$）/ 根据jquery的注释，其是匹配HTML字符串和ID选择器一开始看这段正则表达式的时候，怎么匹配非<的0个或者多个，又匹配<，这样到底是匹配...

jquery动态加载图片数据练习代码

jquery动态加载图片数据练习代码

2016年07月27日 5 阅读

这几天研究jquery，感受到了该库的强大，而且找到本不错的书 <<锋利的jquery>> 这里我只是随便做了下，上面是照片列表和两个按钮，单击小图片下面显示大图片，当点击按钮时可以查看下一页，上一页的图片。思路： 1、首先建一个照片查看页面viewer.htm，简单布局，上面是小图片和两个按钮，下面是大图片。 2、建一个一般处理程序viewServer.ashx，用来处理照片查看页面的请求。 3、然后当然要用到数据库...

利用javascript的面向对象的特性实现限制试用期

利用javascript的面向对象的特性实现限制试用期

2016年07月27日 6 阅读

下边是我自己写的一个类，类中有字段、方法复制代码代码如下: //构造函数 function Person（name,sex,age） { this.name = name; this.sex = sex; this.age = age; }; Person.prototype.getName = function （） { return this.name; }; Person.prototype.getSex=function（）{ return t...

JavaScript事件处理程序（事件侦听器）

JavaScript事件处理程序（事件侦听器）

2016年07月27日 5 阅读

我们知道，javascript与HTML之间的交互是通过事件来实现的，事件就是用户或浏览器自身执行的某种动作，比如click、mounseover、load……,而响应事件的函数就叫做事件处理函数（或事件侦听器）。 event util test var eventUtil = { addListener: function（element, type, hander） { if （element.addEventListener） { eleme...

一个鼠标移动滑出层效果的实现代码

一个鼠标移动滑出层效果的实现代码

2016年07月27日 5 阅读

滑动弹出层 function shouhui（） { document.getElementById（"div1"）.style.display="block"; } function fangzou（） { document.getElementById（"div1"）.style.display="none"; } #div1{ background:#CCC; width:500px; height:400px; display:no...

js文字链接的热点提示效果代码

js文字链接的热点提示效果代码

2016年07月27日 6 阅读

小提示窗口 body{ font-size:12px; } .tip{ color:red; text-decoration:none; position:relative; } .tip span {display:none;} .tip:hover {cursor:hand;} .tip:hover .popbox { display:block; position:absolute; top:15px; left:-30px; width:...

一个实现字体大中小方法的JavaScript代码

一个实现字体大中小方法的JavaScript代码

2016年07月27日 5 阅读

实现字体大中小的另一种方法 function $（xixi） { return document.getElementById（xixi）; } //转换字号 function doZoom（size）{ if（size==12）{ $（"contentText"）.style.fontSize = size + "px"; $（"fs12"）.style.display = ""; $（"fs14"）.style.display = "non...

原生JS仿苹果任务栏菜单，放大效果的菜单

原生JS仿苹果任务栏菜单，放大效果的菜单

2016年07月27日 5 阅读

相信本菜单会让你学习到一些新鲜的JS技巧。 JS仿苹果任务栏菜单 body{margin:0;padding:0} #menu{position:absolute;width:100%;bottom:0;text-align:center;} window.onload = function （） { var oMenu = document.getElementById（"menu"）; var aImg = oMenu.getElemen...

基于jQuery的弹出隐藏层的窗口特效

基于jQuery的弹出隐藏层的窗口特效

2016年07月27日 5 阅读

运行效果后，点击菜单，会弹出一个注册表单，类似于很多论坛的用户注册及登录功能那样，目前还是挺流行的。弹出层 $（document）.ready（function（）{ $（"#button_2"）.click（function（）{ $（"#message"）.hide（）; }）; $（"#message_show"）.click（function（）{ $（"#message"）.show（）; }）; $（"#message_show2...

基于jquery的浮动层效果代码

基于jquery的浮动层效果代码

2016年07月27日 5 阅读

本浮动层基于jQuery1.6.2,对于研究1.6版本的jquery很有帮助意义。 jquery浮动层 #Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;} $（document）.ready（function（）{ $（window）.scroll（function （）{ var off...

<< 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图