JavaScript：给文章标题的输入框增加设置样式的弹出窗口（字体/字号/颜色/背景颜色/粗体/斜体/中划线/下划线）V2.2_

[会员中心] [发布文章][发布软件] [中文繁體]

本站搜索

推荐文章 More...

	华硕易电脑(ASUS Eee PC 1025C.. 先来段开场白：为了外出携带方便，到淘..

	Acronis True Image 使用说明　　一款可以在Windows下使用全部功..

	Norton Ghost 使用详解一、分区备份　　使用Ghost进行系..

文章阅读排行

	Windows 系统安装或备份时 ISO，.. 【ISO 文件】 ISO 文件其实就是光..

	路由器串联(路由器的分支再接.. 　　问题：路由器的分支再接一个路由器..

	当日申诉当日处理 360先行赔付.. 　　近日，360团购平台公布了推出“先..

	世界各国所使用的国际域名的缩.. 域名缩写国家/地区英..

	PakePlus 构建 APP 需要 Github.. PakePlus 是一个基于 Rust Tauri 的..

	Microsoft Windows 系统下载（IS.. 网站名称：I Tell You，我告诉你网站..

	CSS：使用图片作为 input 按钮.. 使用图片作为 input 按钮背景图，把多..

	华硕易电脑(ASUS Eee PC 1025C.. 先来段开场白：为了外出携带方便，到淘..

	盛大网络退市《巨星》停止运营　　曾经第一个在美国上市的网游企业..

	CSDN.net 600万数据库泄漏　　12月21日消息，国内知名IT..

文章信息

JavaScript：给文章标题的输入框增加设置样式的弹出窗口（字体/字号/颜色/背景颜色/粗体/斜体/中划线/下划线）V2.2

〖评论()〗〖留言〗〖收藏〗

〖文章分类：电脑·手机·网络 / HTML·CSS·JavaScript〗〖阅读选项〗

输入框右边的灰色按钮，单击一下弹出窗口，就可以设置文章标题的样式（字体/字号/颜色/背景颜色/粗体/斜体/中划线/下划线），效果图：

调用方法，在需要的页面加入：
<link rel="stylesheet" href="namestyle.css" />
<script type="text/javascript" src="namestyle.js"></script>
默认向下弹出窗口，如果要改成向上弹出窗口，在上面的代码下面再加上，
<style type="text/css">
.style-name-style-whole {top:unset;bottom:30px;}
</style>
输入框后面的按钮是默认设置的，如果要自定义按钮样式，记事本打开文件：namestyle.js，在第222行的前面加上 //
然后在输入框后面加上
<input type="button" name="Name_Style_Button_Display" value="" onClick="javascript:GuNameStyleFontDisplay('Layer_Name_Style_Whole');" class="sib-common">
记得在输入框后面还有一个隐藏的输入框：<input type="hidden" id="AR_NameStyle" name="AR_NameStyle" value="">
这样输入框是用于保存样式的，后端保存时要获取这个输入框数据。
输入框 id name class 根据需要设置。
具体调用打开/参考演示页面 namestyle.html 源码。

【演示页面】【打包下载】

文章作者：啊估整理更新日期：2025-07-05

〖文章浏览：〗〖发送文章〗〖打印文章〗

相关文章	·JavaScript 脚本嵌套的两种方法 2009-08-23 ·ASP用JavaScript脚本实现分页的办法 2008-03-07 ·用 JavaScript 简单实现网页的中文简体繁体的转换 2005-07-26 ·JavaScript 弹出窗口代码一 2005-10-09 ·JavaScript表单验证 2005-12-15 ·使用脚本(JavaScript)对下拉表单(Select)选择而改变表单文本框(Input)的字体.字号.颜色 2009-07-14

文章·资料	电脑软件	手机应用	网站源码
电脑·手机·网络学习话题娱乐故事文化·历史国学典籍法律法规	操作系统网络办公·文件音频视频图形图像编程·数据库硬件·驱动程序行业教学·学习游戏	鸿蒙安卓苹果其他	HTML·CSS·JavaScript PHP .NET ASP JSP