重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这里讲css的,下边是一个例子,你可以参考下。你要实现的改变选中文字的这个功能,好像很难实现(不是不能,是很难).
十余年的东胜网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整东胜建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“东胜网站设计”,“东胜网站推广”以来,每个客户项目都认真落实执行。
html
head
SCRIPT LANGUAGE="JavaScript"
!--
function fontZoom(size)
{
document.getElementById("fontzoom").style.fontSize=size+"px"
}
//--
/SCRIPT
/head
body
TABLE
TR
TD id="fontzoom"1234fsdfsdfasd234234311dfasdfsd23/TD
TDa href="javascript:fontZoom(12)"12/a/TD
TDa href="javascript:fontZoom(18)"18/a/TD
/TR
/TABLE
body
/html
实现点击按钮文本框内文字加粗的方式有以下两种方式:
1、直接修改或者添加css样式:
$("button").click(function(){
$("input").css("font-weight","bold");
});
2、添加相应的class类名使其加粗:
$("button").click(function(){
$("input").addClass("fontbold");
});
.fontbold{font-weight:bold};
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html的script标签中,输入js代码:if (size = 12) zoom.style.fontWeight = 'bold';。
3、浏览器运行index.html页面,此时发现点击中和大,字体会加粗。
1、可以通过 style 让整个文本框内容加粗,但没有办法单独改变部分文字的样式。
2、下面的代码只是个例子,可以实现将选择的文本加粗,但实际应用中考虑的问题还有很多,IE 9, Firefox 19, Chrome 26 下测试都没有问题,Safari 会出现移位错误,Opera 直接不支持。
script language="javascript"
window.onload = function() {
// iframe 窗口
var frameWin = document.getElementById('result').contentWindow;
// iframe 页面
var frameDoc = frameWin.document;
// 在 iframe 页面输出一些字符
frameDoc.body.innerHTML = 'Lorem ipsum dolor sit amet';
// 点击加粗
document.getElementById("bold").onclick = function() {
// 获取选择
var sel = frameDoc.getSelection();
// 获取选择的文字
var txt = sel.getRangeAt(0).extractContents().textContent;
// 选择范围
range = sel.getRangeAt(0);
// 删除被选择的内容
range.deleteContents();
// 创建新的元素 strong
var bold = frameWin.document.createElement("strong");
// 设置 strong 内容
bold.innerHTML = txt;
// 在被选择的位置添加加粗的元素
range.insertNode(bold);
};
};
/script
iframe style="width:600px; height:200px" id="result"/iframe
input type="button" id="bold" value="加粗" /
是要把代码加粗,还是代码生成文字加粗?
代码生成的文字加粗
document.getElementById("showsectime").innerHTML = "b本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒/b";
只需要在你输出的文字前后加上b/b标签就可以了
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
title
RunJS 演示代码
/title
script language="javascript" type="text/javascript"
onload =function(){
var now = new Date();
var strWeek=["周日","周一","周二","周三","周四","周五","周六"][now.getDay()];
var strHour=now.getHours();
var strMinutes=now.getMinutes();
var strSeconds=now.getSeconds();
var reg = /^\d$/;
reg.test(strMinutes) ? strMinutes="0"+strMinutes : 0;
reg.test(strSeconds) ? strSeconds="0"+strSeconds : 0;
var strMonth=now.getMonth()+1+"月";
var strDay =now.getDate()+"日";
var strTime=strHour+":"+strMinutes+":"+strSeconds;
strTime=strTime.bold();
time.innerHTML=strTime+" br / "+strMonth+strDay+" "+strWeek;
setTimeout(arguments.callee, 1000);
}
/script
/head
body
div id="time"
/div
/body
/html