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

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

本站搜索

推荐文章 More...

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

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

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

文章阅读排行

	手机视频监控 APP 关闭广告：萤.. 一、萤石云视频：我的，设置，隐私设置，..

	常见数据库介绍与对比（SQL Serv.. 常见数据库的对比分析，涵盖你提到的 A..

	Windows 系统修改默认文件类型.. Windows 系统文件类型图标，通常由默..

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

	Microsoft SQL Server 2000 Per.. 　　对于第一次安装 Microsoft SQL Se..

	颜色与英文单词对照颜色与英文单词对照 red green bl..

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

	主页真的越Google、越简洁越好吗　　如果你在11月10日早上打开雅虎中..

	网络工程师必懂的专业术语路由器问题：1、什么时候使用多路由协..

	为啥现在的电脑都不能安装 Wind.. 说实话，这几年如果你尝试在新电脑..

文章信息

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