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

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

本站搜索

推荐文章 More...

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

	Acronis True Image 使用.. 　　一款可以在Windows下使用..

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

文章阅读排行

文章信息

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

相关软件	·JavaScript：获取网页标签的 alt 或 title 属性的值并自定义显示 V2.0 2010-12-19 ·JavaScript：给文章标题的输入框增加设置样式的弹出窗口（字体/字号/颜色/背景颜色/粗.. 2025-07-05 ·Java V6.0/V8.0 2025-04-10 ·Windows 12 网页版（HTML+CSS+JavaScript） 2023-09-24 ·JavaScript：HTML 代码转换为 ASP/JavaScript/JSP/Perl/PHP/SWS/VBNet 2022-06-30 ·JavaScript 参考手册 2010-11-10

〖文章阅读说明〗
·本站大部分文章转载于网络，如有侵权请留言告知，本站即做删除处理。
·本站法律法规类文章转载自[中国政府网(www.org.cn)]，相关法律法规如有修订，请浏览[中国政府网]网站。
·本站转载的文章，不为其有效性，实效性，安全性，可用性等做保证。
·如果有什么问题，或者意见建议，请联系［网站管理员］。

当百网

本站使用【啊估文章软件站】网站系统〖网站管理员留言簿〗

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