让文字在页面上90度,180度翻转

IE5.5的新功能:旋转文字,看一下你就明白了。用法如下: 
获取书写方式:  
object.style.writingMode  
设置书写方式:  
object.style.writingMode = sFlowDir  
其中 sFlowDir 是 
lr-tb或者tb-rl 之一

设定值 效果  
lr-tb 默认的对象方向,即从左到右,从上到下的顺序  
tb-rl 对象的排列方式为从上到下,从右向左排列。中文文字方向朝上,英文文字顺时针旋转90度。

代码如下:

我们-在页面上点击

document.onclick = rotate;
function rotate() {
if (test.style.writingMode == "lr-tb") {
test.style.writingMode = "tb-rl";
}
else {
test.style.writingMode = "lr-tb";
}
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 让文字在页面上90度,180度翻转

    IE5.5的新功能:旋转文字,看一下你就明白了.用法如下:  获取书写方式:   object.style.writingMode   设置书写方式:   object.style.writingMode = sFlowDir   其中 sFlowDir 是  lr-tb或者tb-rl 之一 设定值 效果   lr-tb 默认的对象方向,即从左到右,从上到下的顺序   tb-rl 对象的排列方式为从上到下,从右向左排列.中文文字方向朝上,英文文字顺时针旋转90度. 代码如下: 我们-在页面上点击

  • python 实现图片旋转 上下左右 180度旋转的示例

    如下所示: #首先建好一个数据_ud文件夹 import PIL.Image as img import os path_old = "C:/Users/49691/Desktop/数据/" path_new = "C:/Users/49691/Desktop/数据_ud/" filelist = os.listdir(path_old) total_num = len(filelist) print(total_num) for i in range(total_

  • 基于ExtJs在页面上window再调用Window的事件处理方法

    今天在开发Ext的过程中遇到了一个恶心的问题,就是在ext.window页面,点击再次弹出window时,gridpanel中的store数据加载异常,不能正常被加载,会出现缓存,出现该问题,是因为window窗口弹出时,两个window同时存在,并且在两个window交替使用时,需要先将一个窗口关闭,关闭时,会对window的缓存进行清理,这样就能保证store数据的正确加载.分享给大家,供参考. var actInfoWindow2; function showCallFlowInfoWin

  • python中django框架通过正则搜索页面上email地址的方法

    本文实例讲述了python中django框架通过正则搜索页面上email地址的方法.分享给大家供大家参考.具体实现方法如下: import re from django.shortcuts import render from pattern.web import URL, DOM, abs, find_urls def index(request): """ find email addresses in requested url or contact page &quo

  • 在页面上用action传递参数到后台出现乱码的解决方法

    页面上用jquery ajax 复制代码 代码如下: function createQS(name){ var value = encodeURI(name); var queryString = {key:value}; return queryString;} //检索姓名方法function jiansuoByName(k,name){ if (name == '') {  alert("请输入检索的内容");  return; }  $.post(basePath+"

  • jQuery实现将页面上HTML标签换成另外标签的方法

    本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法.分享给大家供大家参考.具体分析如下: 替换前代码如下: <code> A </code> <code> B </code> <code> C </code> 替换后代码如下: <pre> A </pre> <pre> A </pre> <pre> A </pre> 实现替换代码: 复制代码 代码

  • 快速解决ajax传递为空但显示在页面上为undefined的问题

    昨天写代码遇到一个问题,这个问题以前也遇到过,只不过那时以为简单就没做什么笔记,结果昨天遇到还是要去查百度,查百度又要找好一会儿,所以就记录一下.避免以后忘记. 首先问题是这样的:我用ajax到动态的做表格插入,从后台传回来一个对象的list集合,然后进行遍历动态的生成表格的行.后台写的都正确的,结果表格有些内容为显示为undefined.后来我调试了一下发现ajax自动的把为空的字段设成了undefined. //这是修改后的ajax代码 $("#ss").click(functio

  • Android开发图片水平旋转180度方法

    如下所示: <ImageView android:src="@drawable/icon_common_return" android:layout_centerInParent="true" android:id="@+id/lv_common_return" android:layout_width="wrap_content" android:layout_height="wrap_content&quo

  • 微信小程序实现点击图片旋转180度并且弹出下拉列表

    本文为大家分享了微信小程序实现图片旋转.下拉列表的具体代码,供大家参考,具体内容如下 正文: 先上效果图: index.wxml <view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png"

  • C# 文字代码页 文字编码的代码页名称速查表

    Info.CodePage Info.Name Info.DisplayName代码页 名称 显示名 37 IBM037 IBM EBCDIC (US-Canada) 437 IBM437 OEM United States 500 IBM500 IBM EBCDIC (International) 708 ASMO-708 Arabic (ASMO 708) 720 DOS-720 Arabic (DOS) 737 ibm737 Greek (DOS) 775 ibm775 Baltic (D

随机推荐