文章·资料 电脑软件 手机软件 网站源码




    本 站 搜 索
   推 荐 文 章        More...
华硕易电脑(ASUS Eee PC 10..
先来段开场白:为了外出携带方便,..
Acronis True Image 使用..
  一款可以在Windows下使用全..
Norton Ghost 使用详解
一、分区备份   使用Ghost进..
    文 章 阅 读 排 行
“啊估文章软件站”网站系..
一、调试测试网站系统时,如何设..
VMware Workstation:安装..
编写这份虚拟机安装的图文教程,..
JavaScript:给文章标题的..
输入框右边的灰色按钮,单击一下..
电脑显示器使用 HDMI 数据..
如果电脑显示器使用 HDMI 数据线..
Norton Ghost 使用详解
一、分区备份   使用Ghost进..
ASP:Persits ASPMail 发送..
【发送邮件测试代码下载】压..
 文 章 信 息
JavaScript:给文章标题的输入框增加设置样式的弹出窗口(字体/字号/颜色/背景颜色/粗体/斜体/中划线/下划线)V2.1
评论()〗〖留言〗〖收藏
〖文章分类:电脑·手机·网络 / 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.02010-12-19
·JavaScript:给文章标题的输入框增加设置样式的弹出窗口(字体/字号/颜色/背景颜色/粗..2025-07-05
·Java V6.0/V8.02025-04-10
·Windows 12 网页版(HTML+CSS+JavaScript)2023-09-24
·JavaScript:HTML 代码转换为 ASP/JavaScript/JSP/Perl/PHP/SWS/VBNet2022-06-30
·JavaScript 参考手册2010-11-10
〖文章阅读说明〗
·本站大部分文章转载于网络,如有侵权请留言告知,本站即做删除处理。
·本站法律法规类文章转载自[中国政府网(www.org.cn)],相关法律法规如有修订,请浏览[中国政府网]网站。
·本站转载的文章,不为其有效性,实效性,安全性,可用性等做保证。
·如果有什么问题,或者意见建议,请联系[网站管理员]。