您的位置:首页 > Web前端 > JavaScript

功能搜索js+flash实现手写输入功能特效

2013-05-18 18:14 806 查看
查了好多资料,发现还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧!

    此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))
}
}


 
    运行效果如下:

    


 

    在线演示

文章结束给大家分享下程序员的一些笑话语录: 看新闻说中国输入法全球第一!领先了又如何?西方文字根本不需要输入法。一点可比性都没有。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: