• 关注此站
  • 网站管理
    • 网站首页
    • 给我留言
    js+css实现windows应用程序的拖动效果
    发布者:kos   发布日期:2009年11月27日 1:15 am 现有1条评论

    闲来无事,把以前学习的js整理了一下

    在学习的过程,总会发现一些看上去貌似没用的东西,但在实际的应用中有可能会逐一的体会到那些东西的有用之处和优点."层"这个东西对于我们来说并不陌生,如今的网页设计中,层的应用越来越广泛,这正是因为层给我们能带来一种独特的方便的页面的整齐效果,这之中也有很多让我们头痛的,比如"赖皮广告",但我们在意的或许不是这个东西,如果说一个网站的赖皮广告很多的话,我可能只看一次,不进第二次,我们在意的是层给我们带来的方便.

    仅此给大家分享一个能带来方便的层应用:
    windows的操作习惯应该说影响了绝大部分的网名,应用程序窗口的拖动可能每个人都接触过,把这个拖动效果应用到层上,就会在网页中就会带给我们同样的感觉.

    [点击查看实例]

    来自分类: DIV+CSS, JavaScript, 网站设计     Tags: windows应用程序, 层拖动, 窗口
    有关js弹出层位置随鼠标点击而改变的问题
    发布者:kos   发布日期:2009年11月25日 10:37 pm 现有1条评论

    大家都知道,当在桌面上点击鼠标右键的时候,会有一个弹出菜单跟随在鼠标点击的位置,当鼠标在屏幕的底部点击的时候,弹出菜单就会弹到点击位置上面的相应位置,当鼠标屏幕的右部点击的时候,弹出菜单就会弹到点击位置左部的相应位置。

    思路如下:
    弹出层的位置与点击位置和弹出层的宽度高度
    及body的宽度和高度有关。

    具体判断如下:

    如果hit_x + div_width > body_width 则弹出层的位置超出范围,则让弹出层显示在点击位置的左部,否则显示在右部;
    如果hit_y + div_height> body_height则弹出层的位置超出范围,则让弹出层显示在点击位置的上部,否则显示在下部。

    [……]

    来自分类: DIV+CSS, JavaScript, 网站设计     Tags: 层跟随, 弹出层定位, 弹出菜单, 桌面右键, 赋值
    js实现通讯录选人操作(支持单选和全选及删除)
    发布者:kos   发布日期:2009年11月23日 9:09 pm 共有5条评论

    由于工作需要,做了一个通讯录的选人功能,不用action提交,只通过js传值来解决问题,暂时还不知道有没有bug,希望发现有bug的朋友给点提醒,同时收集更好的建议!

    具体功能如下:

    1、实现通讯录的分组添加,并不重复添加信息相同的人员(比如其中一员在两个组里面都有,只添加一次);
    2、对每一组人员可进行批量添加和批量删除,也可单个添加和单个删除;
    3、对是否已添加进去的人员作了样式分辨,一目了然;

    [......]

    来自分类: JavaScript, 网站设计     Tags: 全选, 单选, 子页面和父页面传值, 选人, 通讯录
    几个常用的字符串处理函数
    发布者:kos   发布日期:2009年11月19日 1:24 pm 暂无评论

    几个常用的JavaScript字符串处理函数 – split()、join()、substring()和indexOf()

    由于经常都会用到这些,但又不想记,每次要用的时候都要去找,干脆把整到自己博客里面来,要用就方便些了

    函数:split()
    功能:使用一个指定的分隔符把一个字符串分割存储到数组
    例子:
    str="jpg|bmp|gif|ico|png";
    arr=str.split("|");
    //arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

    函数:John()
    功能:使用您选择的分隔符将一个数组合并为一个字符串
    例子:
    var delimitedString=myArray.join(delimiter);
    var myList=new Array("jpg","bmp","gif","ico","png");
    var portableList=myList.join("|");
    //结果是jpg|bmp|gif|ico|png

    函数:substring()
    功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)

    函数:indexOf()
    功能:返回字符串中匹配子串的第一个字符的下标
    var myString="JavaScript";
    var w=myString.indexOf("v");w will be 2
    var x=myString.indexOf("S");x will be 4
    var y=myString.indexOf("Script");y will also be 4
    var z=myString.indexOf("key");z will be -1

    来自分类: JavaScript, 网络资源     Tags: indexOf, join(), split, substring, 字符串处理函数
    setTimeout()的用法概述
    发布者:kos   发布日期:2009年11月16日 5:32 pm 暂无评论

    1、setTimeout()是属于window的method,但我们都是略去window 这个顶层对象的名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的method。
    2、用 setTimeout()来执行 function
    3、不断重复执行setTimeout( )方法
    4、设定条件使 setTimeout( ) 停止
    5、clearTimeout( )
    6、给循环Set flag
    [......]

    来自分类: JavaScript     Tags: clearTimeout, setTimeout(3)
    setTimeout实现缓慢移动和clearTimeout停止移动效果
    发布者:kos   发布日期:2009年11月16日 11:01 am 暂无评论

    前面一篇文章实现了用其它方式代替滚动条的方法,能够更容易的美化页面,而那种方法有一个缺陷就是给人视觉上的反应不是很一目了然,每点击按钮触发一次事件后,就直接从一个位置滚动到另一个位置,看不到整个滚动过程

    其实前面一篇文章对于正常的使用完全没有问题了,但为了让其更完美决定把此功能完善了一下

    [......]

    来自分类: DIV+CSS, JavaScript, 网站设计     Tags: clearTimeout, JavaScript(1), js(1), setTimeout, 缓慢移动
    关于FLASH中影片剪辑
    发布者:wuSH   发布日期:2009年11月11日 5:12 pm 共有2条评论

    createEmptyMovieClip(”img_mc”, 5);
    for(var i=0;i img_mc.createEmptyMovieClip(”loadImg”+ i, i);
    img_mc["loadImg"+i].loadMovie(img.childNodes[0].childNodes[i].attributes.path);
    trace(img.childNodes[0].childNodes[i].attributes.path);
    if(i>0){
    img_mc["loadImg"+i]._y =xx+img_mc["loadImg"+(i-1)]._y;
    }
    }动态影片剪辑需要命名需要依次写入

    来自分类: Flash编程, 网站设计     Tags: 动态, 影片剪辑
    js巧用scrollTop属性使滚动条以另一种方式表现(兼容)
    发布者:kos   发布日期:2009年11月10日 1:16 am 暂无评论

    很久没写东西了,最近网上到处找一些处理滚动的js
    看来看去,看到恼火,都是些长篇大论,写得太多,本想在里面找个好用点的收集到起,结果不好用的归不好用,复杂的归复杂,最后还是自己动手写了一个简单的

    1、点击一个按钮即让里面内容上下滚动其实就是让scrollTop的值发生改变
    2、当内容顶对齐后就不再要向上点击的按钮,向下亦同,即判断scrollTop的值和内容的实际高度与外面容器的值的关系

    来个例子让大家看看才是真的(兼容的哦):

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    来自分类: DIV+CSS, JavaScript, 网站设计     Tags: offsetHeight, scrollTop, W3C标准, 兼容, 滚动
    很常用的js验证总结(手机号码,电话号码,邮政编码等)
    发布者:kos   发布日期:2009年10月22日 10:22 pm 暂无评论

    直接看下面一个例子

    CODE
    [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

    来自分类: JavaScript, 网站设计     Tags: 手机号码, 电话号码, 邮箱, 验证
    js拼接字符串
    发布者:kos   发布日期:2009年10月22日 10:05 pm 暂无评论

    今天做了一个有点意思的字符串拼接,后来发现很多地方都有用。
    比如:注册的时候选择出生地,籍贯等等相似的地方都可以用到。
    以下例子涉及到两点:

    1、join()方法
    先定义一个数组,把要拼接的两个变量放到数组里面,然后再用join方法把拼接在一起。
    例1:

    var arr = new Array("张三","是","我","小弟");
    var content = arr.join("");
    alert(content);
    此时打印的结果是“张三是我弟弟”
    例2:
    var arr = new Array("2009","10","22");
    var date= arr.join("-");
    alert(content);
    此时打印的结果是“2009-10-22”。

    2、js获取下拉菜单中被选中的值,通过selectedIndex得到选中的元素,把放到一个options数组里面,然后得到它的文字或者value值。
    例如:

    var select = document.getElementById("select");
    var selected = select.options[select.selectedIndex].text;//获得select下拉菜单被选中的文字
    var selected = select.options[select.selectedIndex].value;//获得select下拉菜单被选中的value值

    来自分类: JavaScript     Tags: join(), options, selectedIndex, 字符串, 拼接
    « 上一篇
    下一篇 »
    • 站点日历

        2010-03月    
      一 二 三 四 五 六 日
      1234567
      891011121314
      15161718192021
      22232425262728
      293031  
    • 站内搜索

    • 分类导航

      • DIV+CSS (11)
      • Flash编程 (1)
      • JavaScript (23)
      • 网站设计 (15)
      • 网络杂坛 (2)
      • 网络资源 (2)
    • 博客标签

      下拉菜单(1) 优先级(1) 传值(3) 兼容(3) 子页面(2) 字符串(1) 导航(2) 手机号码(1) 拼接(1) 提示效果(1) 滚动(2) 滤镜(1) 电话号码(1) 空间站(1) 网页(1) 节点(1) 获取(1) 调试(1) 运行(1) 透明背景(1) 邮箱(1) 验证(1) clearTimeout(2) code调试(1) contentWindow(1) createRange(1) ExecWB(1) external(1) iframe(1) JavaScript(1) join()(2) js(1) MARQUEE(2) options(1) parentNode(1) png(1) refresh(1) scrollTop(1) selectedIndex(1) selection(1) setInterval(1) setTimeout(4) textarea(1) title(2) W3C标准(3)
    • 有情链接

      • 博客集中营
      • 寻常百姓(淘宝导购)
      • 寻常百姓·家
      • 手机菜鸟
      • 柳永法'Blog
      • 爱吾资源
    Powered by WordPress. Theme F2.© 2010 友意博客   E-mail:uideas@163.com   QQ:50853854