热门关键字:
jquery > jquery插件 > jquery文本框特效 > 分享一款js实现在线搜索+手写功能特效

分享一款js实现在线搜索+手写功能特效

12693
所属分类:jquery文本框特效
发布时间:2013/2/17 0:10:02
下载量:2301
评论数:2
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=156

js特效是一款很实用和常用的功能,现在越来越多网站普及加入手写功能,主要是为了方便不太会打字和懒得打字的网友们输入想要搜索的文字,为了方便网友们使用,整个搜索功能和手写的都整理出来,直接配合后台程序使用即可,使用非常简单。

 

主要包括了以下js功能特效:

1、搜索特效

2、弹出层特效

3、手写特效

4、鼠标移到文本框全选效果

 

主要手写功能代码如下:

function open_lw(c) {
    var g = "showflash";
    var a = document.getElementById("showButton");
    var b = getCoords(a);
    if (!document.getElementById(g)) {
        var f = document.createElement("div");
        var e = b.y + 26;
        var d = b.x;
        f.style.left = d + "px";
        f.style.top = e + "px";
        f.style.margin = "0px";
        f.style.padding = "0px";
        f.style.position = "absolute";
        f.style.zIndex = "9999";
        f.id = g;
        f.innerHTML = c;
        f.style.background = "#fff";
        document.body.appendChild(f)
    } else {
        iciba_shouxie_close()
    }
}
function getCoords(c) {
    var a = c.offsetLeft - 30;
    var d = c.offsetTop;
    var b = c.offsetParent;
    while (b != null) {
        a += b.offsetLeft;
        d += b.offsetTop;
        b = b.offsetParent
    }
    return {
        x: a,
        y: d
    }
}
function iciba_shouxie_close() {
    var a = "showflash";
    if (document.getElementById(a)) {
        document.body.removeChild(document.getElementById(a))
    }
}

 

效果如下:

分享一款js实现在线搜索+手写功能特效

 

 





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:手写功能 手写特效 搜索框特效 弹出层 js特效 实用特效
  • 分享一款js实现在线搜索+手写功能特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 分享一款js实现在线搜索+手写功能特效
  • 分享一款js实现在线搜索+手写功能特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐