livote пишет:По крайней мере что бы в одной строке можно было менять цвет, шрифт, размер шрифта (ну или хотя бы цвет). И что бы всё это можно было поворачивать/менять выравнивание.
Может какая-нибудь готовая библиотека есть?
Добрый день!
Вам правильно подсказали про CSS.
Делается это так:
Cтрока помещается в контейнер, например, в <div>, свойства которого можно задавать в СSS и/или изменять динамически в JS
Вот как это работает: Спойлер (Отобразить)CODE ( html):
скопировать код в буфер обмена
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style> #DIV1 {<!--from w w w .j ava 2 s .c o m--> height: 300px; width: 300px; margin: 20 auto ; border: 1px solid red; } #DIV2 { width: 130px; height: 130px; border: 2px solid blue; background-color: coral; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } #DIV2original { position: absolute; width: 120px; height: 120px; border: 2px dashed black; background-color: pink; opacity: 0.6; } </style> <script> function Function1() { s=document.getElementById("DIV2").style; // Code for Chrome, Safari, Opera s.WebkitTransform = "translate(50px,50px) scale(0.8, 0.8) rotate(180deg)"; // Code for IE9 s.msTransform = "translate(50px,50px) scale(0.8, 0.8) rotate(180deg)"; // Standard syntax s.transform = 'translate(50px,50px) scale(0.8, 0.8) rotate(180deg)'; } function Function2() { s=document.getElementById("DIV2").style; s.color = '#FFFFFF'; s.fontSize ="18px"; s.fontFamily = "sans-serif"; } </script> </head> <body> <div align="center"> <button onclick="Function1()">test change transform</button> <button onclick="Function2()">test change font</button> </div> <div id="DIV1">DIV1 <div id="DIV2original">DIV2</div> <div id="DIV2">DIV2</div> </div> </body> </html>
Удачи!(Отредактировано автором: 07 Июля, 2018 - 07:47:11)
|