1 的旋转实现方式有很多，比如js实现，现在比较简单的方法是使用css3里面的；transform属性来实现，很方便的。其实这个题目很简单，在百度里面搜索一下css3旋转就看到了，里面的手册介绍的很清楚，下面是代码以及显示效果都呈现出来；
2 下面是写的一个实例代码，代码可以直接运行。代码的解释有备注哦；总共代码呢其实没有几行，主要就是 transform属性的应用 代码中的90deg就是90度的意思
<!DOCTYPEhtml>
<html>
<head>
<style>
body{margin:0px;padding:0px;}
/{transform就是专门为img设置的旋转/
#img1{transform:rotate(90deg);border:1pxsolidred;}
</style>
</head>
<body>
<imgid="img1"src="38png"/>/页面中显示的/
</body>
</html>
3代码在浏览器的运行效果图：
<script>
var number;
function clicke() {
var a = documentgetElementById("mya");
number = 1 + Mathfloor(Mathrandom() 6);
if(number == 1){
astylecssText +="; display:block;width: 100%;height:200px;background: url(img/mn1jpg) no-repeat;";
}else{
astylecssText +="; background: none;";
};
if(number == 2)
alert("等于2");
if(number == 3)
alert("等于3");
if(number == 4)
alert("等于4");
if(number == 5)
alert("等于5");
if(number == 6)
alert("等于6");
}
</script>
<a id="mya" href="#" onclick="clicke()">点击我</a>在主页面点击浏览，即可观看效果图。
如果想修改字体，去html后缀文件中找网页出现的汉字或者字母，或者去文件中去搜索，只要是网页出现的字体都可以在这里面修改，如果是计算机小白，选择打开方式为记事本就可以了。
HTML的英文全称是HyperTextMarkupLanguage，即超文本标记语言。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）