(转)js+flash实现手写输入功能特效
js+flash实现手写输入功能特效
此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)) } }
运行效果如下:
----------------------------
用心做产品 name:5+x
----------------------------
用心做产品 name:5+x
----------------------------
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端