html插入图片方向是倒的怎么办

html插入图片方向是倒的怎么办,第1张

如果是反的,可以让它旋转回来就变成正的了

只需要transform:rotate(180deg)属性即可

参考代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<h1>这是一张正常的图片</h1>

<img src="image/fj1.jpg">

<h2>让这张图片倒置</h2>

<img src="image/fj1.jpg" style="transform: rotate(180deg)">

</body>

</html>

效果:

在有序列表元素ol,添加属性reversed,下面进行验证:

1、起始代码

2、起始效果

3、设置代码

4、设置结果

<body>

<div id="timer"></div>

<script type="text/javascript" language="javascript">

var endDate=new Date(2010,11,11,17,05,40)//年月日时分秒,月要减去1

(function daoJiShi()

{

var now=new Date()

var oft=Math.round((endDate-now)/1000)

var ofd=parseInt(oft/3600/24)

var ofh=parseInt((oft%(3600*24))/3600)

var ofm=parseInt((oft%3600)/60)

var ofs=oft%60

document.getElementById('timer').innerHTML='还有 '+ofd+' 天 ' +ofh+ ' 小时 ' +ofm+ ' 分钟 ' +ofs+ ' 秒'

if(ofs<0){document.getElementById('timer').innerHTML='倒计时结束!'return}

setTimeout('daoJiShi()',1000)

}())

</script>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7445667.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存