• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
00fairy00の学习园地
博客园    首页    新随笔    联系   管理    订阅  订阅

随笔分类 -  js

上一页 1 2
这里是一些js以及一些插件的学习
NO.31 【转载】 [译]jQuery 1.4 发布：15个新特性实例精讲

摘要：jQuery 1.4 最近发布了。 超乎大家的预期，这次并非简单的修修补补，1.4 包含了很多新特性、功能增强和性能提升！本文即向您介绍这些可能对你十分有用的新特性和优化增强。你可以立刻下载jQuery 1.4试用： http://code.jquery.com/jquery-1.4.js1. 传参给 jQuery(…)之前，jQuery可以通过 attr 方法设置元素的属性，既可传属... 阅读全文
posted @ 2010-01-22 16:33 00fairy00 阅读(206) 评论(0) 推荐(0)
NO.30 很好的幻灯片效果

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t... 阅读全文
posted @ 2010-01-22 14:40 00fairy00 阅读(241) 评论(0) 推荐(0)
NO.29 【转载】拖放层效果

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<html><head><title>拖动效果函数演示byLongbill.cn</title><style>body{font-size:... 阅读全文
posted @ 2010-01-20 11:29 00fairy00 阅读(252) 评论(0) 推荐(0)
NO.27 组织结构图/横向树

摘要：这次项目需要一个这样的组织结构图，之前做设计的时候我就做了一张图进去了但是需要的是要动态生成的所以我就找了些插件仔细搜搜还是有几个的，但是有的不便于自己的修改成自己需要的样子最后在BI找到了个比较适合的，可以自己定义图片，连接线颜色粗细，可以自己定义背景图片，可以自己修改每个节点的样式用到的组织结构图的js：/Files/00fairy00/组织结构图.rar找到没有用的横向树的插件：/Files... 阅读全文
posted @ 2010-01-11 11:24 00fairy00 阅读(8973) 评论(5) 推荐(2)
NO.25 iframe自适应兼容

摘要：页面代码：<div style="border:1px solid #7e99c6" id="frameBox"> <iframe id="frameWin" src="01.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no" onload="test2()">... 阅读全文
posted @ 2009-12-28 17:19 00fairy00 阅读(293) 评论(1) 推荐(0)
NO.24 关于左侧div固定宽度，右侧自适应时footer不能在最底部的问题

摘要：当用position:absolute;来完成左边div固定宽度，右边div百分百自适应的时候，如果左边div的高度比右边div的高，就会出现footer被挤上来这是因为position:absolute;是不占位的，所以footer是贴着右边div的下边的，如下图：我用了2种方法来解决此问题：1.用js来控制 首先用js获取左边div的高度，然后设定content为此高度，footer就自觉的下... 阅读全文
posted @ 2009-12-23 10:31 00fairy00 阅读(1878) 评论(0) 推荐(0)
NO.23 【转载】15款提高表格操作的jQuery插件

摘要：table表格由于它的浏览器兼容性和复杂的标签嵌套方式，可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为 div，主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格，其中最好的例子就是对照表。今天彬Go 将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQu... 阅读全文
posted @ 2009-12-22 09:39 00fairy00 阅读(395) 评论(0) 推荐(0)
NO.22 根据点击的位置在旁边弹出层

摘要：平时做弹出层的时候，一般是定死一个位置，但是有时候根据分辨率的不同，屏幕大小的不同，都会影响弹出层的位置当我们需要在点击按钮旁边显示层的时候，就可以这样[代码]首先取到当前点击的对象在当前视口的相对偏移。然后通过改变弹出层的left和right来设置层的位置这样无论屏幕大小如何改变，分辨率如何改变，点击弹出的层都会在点击按钮的旁边 阅读全文
posted @ 2009-12-16 10:57 00fairy00 阅读(1044) 评论(0) 推荐(0)
NO.21 即时限制输入字数

摘要：很多地方都有这样的效果，今天在蓝色理想看到了这样的效果，学习了一下！~~~但是加入了onkeyup的事件，用键盘输入是没有问题，但是当用鼠标右键黏贴的时候就不起作用了于是我加了一个setInterval在很短的一个时间内重复执行一个函数，这样，当复制一大段文字黏贴到textarea的时候，也会限制字数，当用鼠标右键剪切文字时候，也会有相应的变化代码Code highlighting produce... 阅读全文
posted @ 2009-12-11 10:56 00fairy00 阅读(268) 评论(0) 推荐(0)
NO.19 树形菜单

摘要：这是我根据jquery.lightTreeview修改了一下样式制作的，感觉这个树形菜单挺好用，我这个菜单用的demo3，可以根据需要修改的！~~~~/Files/00fairy00/树形菜单.rar这下面的我找到的两个树形菜单的网址，觉得这两个树形菜单都不错！~http://css9.net/jquery-file-tree/#demo http://www.373ren.com/view/jq... 阅读全文
posted @ 2009-12-07 11:15 00fairy00 阅读(451) 评论(0) 推荐(0)
NO.18 多级菜单

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-t... 阅读全文
posted @ 2009-12-02 17:34 00fairy00 阅读(241) 评论(0) 推荐(0)
NO.17 【转载】JavaScript程序执行顺序问题总结

摘要：1. 变量的声明和引用变量必须先声明后引用，这个大家是都知道的，但还是要说说，因为后面要说到一个相关的问题。alert(myStr); // 弹出"undefined";var myStr = "Hello World!";alert(myStr); // 弹出"Hello World";2. 函数的声明和调用JavaScript是一种描述型脚本语言，由浏览器进行动态的解析与执行。函数的定义方式大... 阅读全文
posted @ 2009-11-28 23:52 00fairy00 阅读(230) 评论(0) 推荐(0)
NO.16 tab选择卡切换

摘要：很多页面中都会用到tab选项卡切换,下面这个巧妙的运用css设置边框，来使得激活的tab与其他未激活的边框有所不同。就是将激活的边框的border-bottom设置为与激活tab的背景色一致，这样就看起来下面是没有边框的。然后用jquery实现tab的切换，首先载入页面时就去掉所有的active样式，去掉所有的content内容，然后给第一个tab加上active样式，显示第一个content。然... 阅读全文
posted @ 2009-11-26 23:16 00fairy00 阅读(340) 评论(0) 推荐(0)
NO.11 【转载】jQuery 图片切换 响应键盘 关联标题

摘要：原效果见此网址http://abcnews.go.com/Demo 演示DEMO 下载地址本来是在蓝色理想论坛上看到的 有人说去面试 结果让他写这个效果 没有写出来看了一下，觉得老外做的确实不错 很细致 用户体验很舒服，可见人家的严谨和细致，但是没有打开代码看，自己用jQuery 实现了一个 用了半天时间 中间还碰到了几个小麻烦 ，再次感叹人家原来的东西做的认真，考虑的细致，自己实现的时候才能体会... 阅读全文
posted @ 2009-11-18 22:28 00fairy00 阅读(345) 评论(0) 推荐(0)
NO.7 表格删除一行前面的序号重新顺序排列

摘要：当我们删除一行表格时候，就会造成前面的序号也被删除了，我们需要对前面的序号进行重新排列我最先开始的想法是找到删除的这一行，然后他后面的所有行的序号都减去1，但是这样实现起来还没有把整个表格的序号重排简单所以选择后面一种方法，将删除后的表格的序号重新排列。发现自己还是很不熟悉，很多基础的东西都没有深深的理解和记牢，以后一定要抓紧时间多多学习，多多记忆才行！~~今天自己动手把这个问题练习了一遍。[代码... 阅读全文
posted @ 2009-11-14 19:41 00fairy00 阅读(4026) 评论(0) 推荐(0)
NO.5 用按钮的点击操作来代替滚动条

摘要：有时候一个div里面的内容比较高，但是我们希望屏显示，就设定高，会长生垂直滚动条我们可以隐藏掉这个滚动条，而用上下按钮来控制内容的滚动页面如下：[代码]用滚动条的距离顶部的高度来控制滚动！~~~ 阅读全文
posted @ 2009-11-11 09:31 00fairy00 阅读(874) 评论(0) 推荐(0)
NO.4 学习“在多个表单中的checkbox全选、反选

摘要：[代码]在蓝色理想学习的！~~~~ 阅读全文
posted @ 2009-11-10 15:08 00fairy00 阅读(248) 评论(0) 推荐(0)
NO.3 My97DatePicker时间控件

摘要：最近要做一个日期选择，这个日期是选择当前日的前一周内的日期本来要我用左右箭头来控制日期的选择但是我想虽然只要七天，那如果要前面的第七天，不也要点7下，好像增加了点击操作所以我觉得还是用日期控件比较好于是又去学习了一下之前用过的My97DatePicker时间控件用他的日期范围控制的动态限制就能够达到我需要的目的[代码]其中minDate是'%y-%M-#F{%d-7}'，maxDate是'%y-%... 阅读全文
posted @ 2009-11-10 15:05 00fairy00 阅读(428) 评论(0) 推荐(0)
NO.2 IE6下png透明的问题

摘要：最近的在工作中也有遇到png图片在ie6下面不透明，会出现灰色的一方块背景的问题。 以前我的解决方法是直接把png的图片换成gif，但是这样会使得有些图片出现锯齿，影响了美观。于是去网上搜了解决这个问题的办法：[代码]此方法解决了页面中直接插入png图片的背景透明问题，接着就解决当png作为背景图片时的png图片背景透明问题：[代码]经过验证此方法也成功了! 阅读全文
posted @ 2009-11-10 14:59 00fairy00 阅读(360) 评论(0) 推荐(0)

上一页 1 2
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3