`

关于CSS细节集合

css 
阅读更多
以后可能会用到,记一下
原址:http://www.iteye.com/topic/1135252

一、当文字与图片在一行,需要将文字与图片底对齐,需要这样写:
<li>记住密码<img src="" align="bottom" style="margin-bottom:-4px"/></li>


二、当文字与图片在一行,需要将文字与图片居中对齐,需要这样写:
<li>记住密码<img src="static/img/xyx.jpg" align="middle"/></li>


三、自动最大化窗口,在 <body> 与 </body> 之间加入:
<SCRIPT language="javascript">
setTimeout('top.moveTo(0,0)',5000);
setTimeout('top.resizeTo(screen.availWidth,screen.availHeight)',5000);
</script>


四、window.opener 实际上就是用window.open打开的窗体的父窗体。
比如在父窗体parentForm里面 通过 window.open(“subForm.html”),那么在subform.html中 window.opener
就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。
window.opener.test(); —调用父窗体中的test()方法;
如果window.opener存在,设置parentForm中stockBox的值。
if (window.opener && !window.opener.closed){
       window.opener.document.parentForm.stockBox.value = symbol;
}


六、刷新页面的方法
Javascript刷新页面的方法:
history.go(0)
location.reload()
location=location
location.assign(location)
document.execCommand(‘Refresh’)
window.navigate(location)
location.replace(location)
document.URL=location.href
自动刷新页面的方法:
页面自动刷新:把<meta http-equiv=”refresh” content=”20″>加入<head>区域中
页面自动跳转:把<meta http-equiv=”refresh” content=”20;url=http://www.wyxg.com”>加入<head>区域中 前端UI分享
js自动刷新页面:
<script language="JavaScript">
function myrefresh(){
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
分享到:
评论

相关推荐

    各种css3效果动画

    集合各种css3的效果和动画,一共12个,都是常用的效果展示,和一些细节的动画

    css样式就得这么写(css参考样式集合)

    如今我们的网站、页面更加需要注重细节,不论是字体的样式、还是图片的分辨率清晰度都会影响到用户的访问体验和PV,以及用户以后是否会回访我们的网站/博客。为了让我们的网页变得更加美观个性化,我们需要了解更多...

    按钮:CSS按钮的集合

    CSS按钮的集合。 。 关于这个项目 我的目标是在使用HTML5 / CSS3技术的同时使用最少的标记为Web创建各种时尚的按钮。 该系列包括26种不同的按钮样式。 技术细节 每种样式都是使用 (CSS预处理程序)通过基于组件的...

    HTML5&CSS3网页制作:页面交互元素.pptx

    details元素规定了用户可见的或者隐藏的需求的补充细节。summary元素经常与details 元素配合使用,作为details 元素的第一个子元素,用于为details定义标题。 语法格式 details元素和summary元素 示例:实现如下效果...

    JQuery EasyUI 1.0.5 离线文档

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。通过jQuery EasyUI开发者不需要编写复杂的javascript,也不需要对css样式有深入的...

    anicollection:查找,使用和共享动画的最简单方法。 无价!

    关于AniCollection是来自许多和许多的很棒CSS3动画的集合。 为您提供一种轻松查找,使用和共享它的方式。 需要寻找很棒的动画来改善您的网站吗? AniCollection对此非常有用。 是否想将一些动画与您的代码快速集成?...

    speed-patterns:快速网站的设计模式集合

    在发布的快速网站的设计模式集合 该项目的目的是收集产品/用户体验/视觉设计模式,以创建快速的网站,并旨在帮助产品经理,网站设计师和前端开发人员从项目开始就计划快速的体验,或者在发现性能问题时帮助阐明改进...

    Vue-project:这是一个vue入门到项目实战开发的源代码集合

    Vue-vue入门到项目实战开发 这是一个vue入门到项目实战开发的...vue1-在vue中CSS的动画原理vue2-在Vue中使用Animate.css库vue3-在Vue中同时使用过度属性和动画vue4-在Vue中使用Velocity.js vue5-Vue中多个元素或组件的

    office-ui-fabric-core:用于构建Office和Office 365体验的前端CSS框架

    Fabric是一种响应式的,移动优先的样式和工具集合,旨在使您可以快速,轻松地使用Office设计语言创建Web体验。 最新版本: 11.0.0内容包含什么该存储库包含在Fabric的各个方面使用的核心样式,包括图标,类型,字体...

    基于 Bootstrap 5 的多用途企业主题 HTML 网站模板

    - 精美的手工制作和建造,注重细节,满足您的需求 - 惊人的灵活性和超级短代码 - 大量有用的内部页面 - 渐变调色板 - 使用 SASS 的动态配色方案可节省您的时间 - SVG(可缩放矢量图形)。只需点击几下即可更改颜色 -...

    message-board-week2js:第2周Javascript项目Epicodus。 用Ember.js制作。 一个初级开发人员可以在其同行中寻求建议的网站

    Bootstrap是与Bower一起安装CSS的集合 眼镜 我之所以选择不包含规范,是因为我不清楚规范如何改善该项目的规划,也不清楚规范将是什么。 一体化 application.hbs 索引路径 每个问题的问题模板 新问题组件以创建新...

    Amazon-Clone:这是一个具有付款流程的完整的亚马逊克隆网络应用程序

    第4部分:将产品作为道具传递给我的数据数组上的.map到产品,然后我从组件功能中解构了产品,并将每个细节都包含到了产品组件中。 第5部分:安装了Firebase,并使用产品字段创建了一个集合。 创建firebase.js并从...

    大数据必看经典书籍:大数据从入门到深入书籍推荐.pdf

    推荐书籍: 《Big Data》 在⼤数据的背景下,关于数据建模,数据层,数据处理需求分析以及数据架构和存储实现问题,这本书给出了很多独到的见解。 《Hadoop权威指南》 《Hadoop权威指南》,作为Hadoop的经典⼊门...

    Web前端开发第4季:JavaScript基础入门

    switch--case)◆ 循环(while循环, do--while循环, for循环,循环嵌套 )◆ 集合(Array基础常见操作、案例演示)◆ set集合、map集合(集合的遍历、集合常用的方法)◆ 课后习题 在本季课程的讲解部分结合了大量的...

    cnDefaultComponents:默认代码为空复选框

    这是默认组件的集合,所有组件均基于代码空颜色设置样式。 指定的技术适用于所有这些技术。 它适用于不涉及其他模板引擎或样式库的情况。 地位 阶段:已发行 最新稳定版本:1.1.0 技术细节 部分 技术编号 参考名称 ...

    一款好看的后台模板

    2.该模板集合了layui插件、datatables插件。 3.该模板使用layui基础样式中的按钮、表单、表格、和选项卡 4.datatables表格和layui表格深度整合,使用更加方便、美观、人性化。 5.扩展了欢迎页面、登录页面。 vip-...

    asp.net知识库

    Asp.net 2.0功能体验,细节之Web控件(一) 隐藏控件 Asp.net 2.0功能体验,总体设计思想 Asp.net 2.0 WebPart使用经验点滴 革新:.NET 2.0的自定义配置文件体系初探 关于如何在ASP.NET 2.0中定制Expression ...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    (全)传智播客PHP就业班视频完整课程

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

Global site tag (gtag.js) - Google Analytics