标题:大家写插件嘛
只看楼主
经哥
Rank: 3Rank: 3
来 自:代码空间
等 级:论坛游侠
威 望:1
帖 子:289
专家分:124
注 册:2012-9-8
结帖率:91.8%
已结贴  问题点数:20 回复次数:2 
大家写插件嘛
/*
* 引入jQuery库,然后引入这个插件,调用如下:
 jQuery('input[placeholder]').placeholder();

jQuery.fn.placeholder = function(){
    var i = document.createElement('input'),
        placeholdersupport = 'placeholder' in i;
    if(!placeholdersupport){
        var inputs = jQuery(this);
        inputs.each(function(){
            var input = jQuery(this),
                text = input.attr('placeholder'),
                pdl = 0,
                height = input.outerHeight(),
                width = input.outerWidth(),
                placeholder = jQuery('<span class="phTips">'+text+'</span>');
            try{
                pdl = input.css('padding-left').match(/\d*/i)[0] * 1;
            }catch(e){
                pdl = 5;
            }
            placeholder.css({'margin-left': -(width-pdl),'height':height,'line-height':height+"px",
            'position':'absolute', 'color': "#cecfc9", 'font-size' : "14px",'display':'inline'});
            placeholder.click(function(){
                input.focus();
            });
            if(input.val() != ""){
                placeholder.hide();
            }else{
                placeholder.css("display","inline");
            }
            placeholder.insertAfter(input);
            input.keyup(function(e){
                if(jQuery(this).val() != ""){
                    placeholder.hide();
                }else{
                    placeholder.css("display","inline");
                }
            });
        });
    }
    return this;
};
搜索更多相关主题的帖子: function function 
2015-03-25 17:17
冰镇柠檬汁儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:北京
等 级:版主
威 望:120
帖 子:8074
专家分:6657
注 册:2005-11-7
得分:20 
不怎么用jquery,看起来很高深哦,呵呵

本来无一物,何处惹尘埃
It is empty at all here, Why pm 2.5 is so TMD high!
2015-03-25 21:22
经哥
Rank: 3Rank: 3
来 自:代码空间
等 级:论坛游侠
威 望:1
帖 子:289
专家分:124
注 册:2012-9-8
得分:0 
回复 2楼 冰镇柠檬汁儿
就是比较简洁

我只是个演员,还是业余的!!
2015-03-27 16:06



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-443087-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 1.003599 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved