【javascript与CSS复习(二)】教程文章相关的互联网学习教程文章

javascript – CSS在单词中设置单个字符的样式

我的客户要求字母4以红色显示,无论它在网站导航中使用的位置. 例如,他将“bikes4kids”作为菜单项. 不幸的是,我在他的Magento网站上使用了一个“mega menu”样式插件,它只允许使用纯文本菜单项 – 我不能在菜单项标题框中使用HTML代码,这样就不会使用< span>. 有没有办法用JS实现这个目标?我假设不单独使用CSS. 编辑:我正在使用的大型菜单可以在这里看到:http://www.magentech.com/extensions/commercial-extensions/item/246-s...

javascript – CSS活动伪类更改状态吞噬了onclick事件【代码】

我正在调整一个例子,发现here更像一个“真正的”菜单,因为它应该在用户点击时崩溃. 我更喜欢这样一个事实:菜单的所有视觉方面都是用css处理的,javascript只是用来处理用户选择选项时所需的操作.我觉得这是我特定应用的最合适的方法. 但是,我发现当菜单被收起时,我正在删除(或忽略)我分配给每个链接的onclick事件. 我发布了两个版本,其中一个版本的工作方面是,当用户选择一个选项时,触发了所需的onclick事件,另一个很好地放弃了菜单...

javascript – CSS两列动态宽度【代码】

我有一个单行div,内容在左侧和右侧:--------------------------------------------------------------------------- |Single line of text Icon and single line of text| ---------------------------------------------------------------------------如果没有足够的空间,我希望正确的内容占用它所需的宽度,而左边的内容应该占用剩余的可用宽度(隐藏...

javascript – CSS溢出属性/ Div鼠标悬停问题 – IE和Chrome【代码】

我在主div中有一个div,具有以下属性:#inner { width:149px; overflow:auto; //Note this margin:35px 0 0 0; height:575px; display:none; }在主div上我在两个事件(onmouseover& onm ouseout)上调用了两个函数.鼠标悬停内部div显示滚动条.似乎只要鼠标在向下滚动后从滚动条移动到DIV中,DIV就会返回到顶部.你可以在这里找到代码:[链接] http://www.designworks.com.pk/example/ 请在IE&当我们向下滚动DIV返回到顶部...

使用Javascript或CSS,如何在文本块的末尾添加额外的空间,但仅当它不在新行上开始时?【代码】

假设我有一些文本,在每个段落的末尾有一个(更多)…链接.它最终看起来像这样:This is just a test paragraph. Click on the more link for more info. (more...)现在我想在链接和段落文本之间添加一些空格,所以我将链接包装在< span>中标记并向右推,边距为左:10px:This is just a test paragraph. Click on the more link for more info. (more...)这里的问题是,如果文本包装正确,它本身就显示在第二行,它将看起来缩进:This...

在javascript或css中检测Android屏幕大小 – 没有得到我所期待的【代码】

我正在尝试根据Android设备的屏幕大小应用css. 使用媒体查询:@media all and (max-device-width: 480px) {//apply css style to devices of screens with width no larger than 480px}和javascript:window.innerWidth window.innerHeight screen.width screen.height有或没有元标记:<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, initial-scale=1, user-scalable=no"/> 但是没有一个工作,...

javascript – CSS / JS / HTML:JS功能可以旋转整页吗?【代码】

好的,所以对于我在网络课上的决赛,我们应该让网站做我们去的任何事情.我现在已经完成并决定添加一些有趣的东西. 我想用-webkit-transform: rotate(-4deg);在身体上. 我怎么能在javascript函数中做到这一点?我以前用身体背景做过,但我不能让它起作用. 这是我尝试过的:function rotatepage() {document.body.style.-webkit-transform = rotate(-90deg); }和function rotatepage() {document.body.style = -webkit-transform:rot...

javascript – 如果css div:active移动它,div onclick事件将不会触发

我希望标题足够准确,以描绘我所面临的问题. 我有一个div(试过多个不同的东西:a,span,button,都面临同样的问题),点击它时onclick事件不会触发,即使将调用css div:active. 这似乎是由于在div中:活跃的我设置顶部:6px以产生“下推”类型的效果.效果看起来不错,有时候,如果你点击元素的顶部,或者出于某种原因在中心,div将会“向外移动”并且不会调用onclick事件. 我认为一个好的解决方案是将元素包装在另一个div中,然后将onclick事...

javascript – CSS悬停对ajax内容和移动设备的影响【代码】

我已经建立了一个测验.每个问题都有2个答案.当访问者回答问题时,使用Ajax加载下一个问题.在加载问题之前,访问者必须首先单击开始按钮,因此问题的HTML不包含在初始页面加载中. 问题是当问题被解决时,上一个问题的悬停效果在加载下一个问题时仍然有效. 例如:我回答问题1“B”>问题2加载>对于问题2,悬停效果在按钮B上有效 我已经包含了一个图像,以使其更清晰. 我只能在移动设备(iPhone,iPad,…)上使用它,但不能放在我的笔记本电脑上....

javascript – CSS VW和VH – 保持比率【代码】

我有一个页面,其中包含一个保持纵横比的DIV.我在div中有一些文本在字体大小上使用VW,当页面宽度改变时保持文本大小 – 这很好. 但是当用户改变窗口高度时 – 我不能让它以相同的方式响应 – 因为大众和VH不能一起玩. 是否有一些CSS或Javascript技巧让这个工作?如果用户在网站上更改浏览器大小,理想情况下即时运行? 这是问题所在: https://jsfiddle.net/Lp8jynfr/1/<style> .page-wrapper{width: 100vw; height: 68.60vw; /* hei...

我可以使用ASP.NET WebForms母版页为每个内容页面包含不同的javascript / css文件吗?【代码】

我有几个使用相同母版页的内容页面,并不是所有内容页面都需要包含在< head>中的相同javascript和css文件.标签. 是否可以更改< head>的内容.来自内容页面的标签?解决方法:它是,但我建议这样做有点不同.我将内容占位符放在紧密的正文标记上方.然后我按内容页面填充所需的JS脚本.这将允许您将脚本放在底部,但您也可以使用标题中的占位符执行相同操作. 您也可以通过编程方式执行此操作:HtmlGenericControl js = new HtmlGenericContr...

通过https包含Javascript / CSS?

我目前面临的问题是我想通过子域static.mydomain.tld提供静态内容,但我的SSL证书仅对我的主域mydomain.tld有效 我应该在使用https时通过安全连接包含我的javascript,css和图像,还是仍然可以使用http://static.mydomain.tld. 我会更改我的javascript,以便AJAX请求将在主域上使用https. 或者我不应该使用子域并包含主域中的文件? (我正在考虑使用子域,因为我读到静态内容应该从没有设置cookie的域提供) 谢谢!解决方法:Should I in...

JavaScript / CSS:向DOM添加元素与应用CSS规则之间的延迟?【代码】

我正在使用JavaScript动态地向DOM添加元素.我希望在添加元素时使用CSS3过渡来“淡入”元素. 我正在使用类似下面的内容来实现此目的:function add(el) {el.className += ' fader';el.style.opacity = 0;document.getElementById('parent-element').appendChild(el);//setTimeout(function () { el.style.opacity = 1; }, 5);el.style.opacity = 1;}而CSS:.fader {-webkit-transition: opacity 0.5s; }这不能按预期工作 – 元素不会...

javascript – 为什么css样式表引用链接?

如果CSS样式表与< style>一起内联定义,那么为什么它们用< link>?引用? JavaScript使用< script>用于定义内联脚本并用< script src =“”>引用它们的标记,所以为什么不使用< style src =“”>对于CSS?是否有一个特殊的功能< link>标签可以使用< style>来预先形成不能?解决方法:样式和源之间的这种不对称的根源来自HTML处理脚本和资源的方式的差异. Javascript是(惊喜!)一个脚本,而样式表被认为是一种资源. 我们知道,脚本既可以...

javascript – css样式是否有等价的eval?【代码】

我有一个从外部资源加载的样式元素,我想应用它的样式而不将其内联. 例如< link rel =“stylesheet”type =“text / css”href =“my.css”/>将加载一个css文件并应用它的规则而不将其放入内联和< script src =“zepto.js”>< / script>将对javascript做同样的事情. 如果你加载一个js的外部位,你可以使用eval()来评估它,即使这是不赞成的. 但是当一个人加载一个外部的样式时,我不知道如何评估它,除了将它添加到dom. 那么样式函数是否...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部