作家
登录
  • JS实现图片预加载无需等待

    网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要重新下载一下整个页面。不过,在web2.0时代...

    作者:asdasdasd03-30
  • JS模拟抽奖序效果实现代码





    JS模拟抽奖效果

    .a1{
    position:relative;
    font-family:Verdana;
    font-size:20px;
    color:#888888;
    }










    Result





    [Ctrl+A 全选 注:如需引入外部Js...

    作者:asdasdasd03-30
  • js实现运动logo图片效果及运动元素对象sportBox使用方法

    初始化(元素id, 元素移动的方向用123456789分别表示左上、上、右上、左、中、右、左下、下、右下。 撞击位置,9个数字分别表示9个地点,按顺序左上角、上、右上角、左、中、右、左下角、下、右下...

    作者:asdasdasd03-30
  • Jquery写一个鼠标拖动效果实现原理与代码

    近日项目中要做一个鼠标拖拽层的效果,于是手动使用Jquery做了一个,发出来跟大伙儿分享一下,并希望能得到高手的指点,如果哪位大侠觉得我的思路和代码不正确或者需要改进的话,希望能指点一二...

    作者:asdasdasd03-30
  • JavaScript执行效率与性能提升方案

    如何提升JavaScript执行效率与性能在前端开发中位于一个很重要的地方,这节来研究下如何在平时做项目过程中,提升JavaScript性能与运行效率。 循环 循环是很常用的一个控制结构,大部分东西要依...

    作者:asdasdasd03-30
  • js点击弹出div层实现可拖曳的弹窗效果






    弹出层、弹窗效果+拖曳功能

    *{ margin:0px; padding:0px;}
    body{ font-size:12px; font:Arial, Helvetica, sans-serif; margin:25PX 0PX; background:#eee;}
    .botton{ color:#F...

    作者:asdasdasd03-30
  • Javascript图像处理思路及实现代码

    思路 HTML5的canvas提供了getImageData接口来获取canvas中的数据,所以我们能够先用drawImage接口将图片画在canvas上然后再通过getImageData得到图片数据矩阵。 需要注意,虽然IE9开始支持了can...

    作者:asdasdasd03-30
  • JS实现简洁(隔行换色、高亮显示)表格特效




    JS实现的表格





    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

    作者:asdasdasd03-30
  • javascript 星级评分效果(手写)

    今天上午抽空随手写了个星级评分的效果,给大家分享下。由于水平有限,如有问题请指出。 首先要准备一张星星的图片,灰色是默认状态,黄色是选择状态。如图: 最后附上代码: 复制代码 代码如下...

    作者:asdasdasd03-30
  • JavaScript与DOM组合动态创建表格实例

    简介  这篇文章简单介绍了DOM 1.0一些基本而强大的方法以及如何在JavaScript中使用它们。你可以学到如何动态地创建、获取、控制和删除HTML元素。这些DOM方法同样适用于XML。所有全面支持DOM 1...

    作者:asdasdasd03-30
  • js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数






    完美拖拽

    html,body{overflow:hidden;}
    body,div,h2,p{margin:0;padding:0;}
    body{color:#fff;background:#000;font:12px/2 Arial;}
    p{padding:0 10px;margin-top:10px;}
    span...

    作者:asdasdasd03-30
  • 鼠标触发移动的分层菜单 层菜单moveMenu

    会移动的菜单,层菜单,鼠标放在菜单上,菜单就会移动,上浮的菜单,像是TAB风格的菜单,使用了一张图片,顺着代码可下载到这张修饰的小图片。

    移动菜单,层菜单moveMenu

    .alpha {
    FILT...

    作者:asdasdasd03-30
  • Underscore.js 的模板功能介绍与应用

    Underscore是一个非常实用的JavaScript库,提供许多编程时需要的功能的支持,他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能。 无论你写一段小的js代码,还是写一个大型的HTML5...

    作者:asdasdasd03-30
  • js实现类似光照的炫彩文字渐变视觉冲击效果




    炫彩的文字效果




    body,div,td{font:menu}



    欢迎使用 Internet 信息服务!
    Microsoft Internet 信息服务是一个桌面 Web 服务器,使用它,您可以从自己的计算机上发布个人主...

    作者:asdasdasd03-30
  • JS实现用键盘控制DIV上下左右+放大缩小与变色

    用键盘控制DIV,红色方块为键盘操作区域,您可以进行如下操作:   上:↑ 下:↓ 左:← 右:→   Ctrl + 1 : 背景变为绿色   Ctrl + 2 : 背景变为黄色   Ctrl + 3 : 背景变为蓝色   ...

    作者:asdasdasd03-30
  • javascript+xml实现简单图片轮换(只支持IE)

    最近无聊,看着许多网站都有广告自动轮换,自己试着写了一个图片轮换,代码和功能都很简单,只支持IE的,FF的还要加些东东. xml文件:test.xml 复制代码 代码如下: <?xml version="1.0" encoding="gb2...

    作者:asdasdasd03-30
  • 可折叠展开的简单目录实现代码


    可折叠展开的简单目录
    div{font-size:12px;color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1}

    + 主目录1

    - 子目录1
    - 子目录2
    - 子目录3
    - 子目录4 ...

    作者:asdasdasd03-30
  • JavaScript实现渐变色效果(不使用图片)


    JavaScript渐变色

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

    作者:asdasdasd03-30
  • Knockoutjs快速入门(经典)

    Knockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能:
    1. Declarative bindings
    2. Observables and dependency tracking
    3. Templating
    它对于分离前台的业务逻辑和视图简化数据绑...

    作者:asdasdasd03-30
  • jQuery-serialize()输出序列化form表单值的方法

    实例 输出序列化表单值的结果: 复制代码 代码如下: $("button").click(function(){ $("div").text($("form").serialize()); }); 定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码...

    作者:asdasdasd03-30
  • javascript小数四舍五入多种方法实现

    用Javascript取float型小数点后两位,例22.127456取成22.13,如何做? 1. 最笨的办法 复制代码 代码如下: function get() { var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + ...

    作者:asdasdasd03-30
  • 友情链接横向文字上下间隙循环滚动JS效果




    仿qq频道上下单行多条滚动js效果代码,可用于新闻,友情链接上下间隙滚动

    #nav {
    MARGIN: 7px auto 0px; HEIGHT: 117px
    }
    #nav #hotnews {
    BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89p...

    作者:asdasdasd03-30
  • CSS3实现3D文字动画效果





    body{background:#333;}
    h1{font:normal 90px/1.5 'Ultra','Curlz MT','Bauhaus 93','Blackoak Std',Courier,Arial;color:#7e9409;position:absolute;top:85px;left:10px;width:300px;...

    作者:asdasdasd03-30
  • 纯js网页画板(Graphics)类简介及实现代码

    今天需要在网页上画一个图谱,想到用JS,经过学习,和网上搜索,经过整理优化得到下面代码,注意不是用HTML5的canvas,而是用的纯js复制代码 代码如下:/* 以下画点,画线,画圆的方法,都不是用...

    作者:asdasdasd03-30
  • js鼠标滑过弹出层的定位IE6bug解决办法

    大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是...

    作者:asdasdasd03-30