JavaScript和css

以下是为您整理出来关于【JavaScript和css】合集内容,如果觉得还不错,请帮忙转发推荐。

【JavaScript和css】技术教程文章

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变换偏移量随文本长度而变化【代码】

我已经设置了一个具有5个浮动< div>的demo,其旋转文本的长度各不相同.我想知道是否有办法让CSS类可以处理所有文本的居中,无论长度如何.目前,我必须为样式表中的每个字符长度创建一个类.这可能会变得太乱.我还注意到,当我增加或减少包装< div>的大小时,偏移被搞砸了. 我将通过jQuery将这些类添加到div中,但我仍然需要设置每个类以实现跨浏览器兼容性..transform3 {-webkit-transform-origin: 65% 100%;-moz-transform-origin: 65% 1...

javascript – CSS按钮动画无法正常工作【代码】

我在this tutorial页面上设置了一个动画CSS按钮.该按钮出现在我的页面上,但没有动画.但是,当它在外面< div id =“wrapper”>翻转动画确实有效,但是我无法在页面上找到我想要的地方.我已经在index.html和style.css中包含了与按钮相关的代码,并突出显示了按钮的< div>在我的index.html中.如果你需要CSS包装或主要或其他什么,让我知道,我会尝试挖掘它. 您可以在http://suchryan.com/gtd/#download看到我的问题的实时版本,以及我在http...

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

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

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

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

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

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

javascript – CSS表:如何将动作按钮放在每行左侧【代码】

我有这个默认的响应式Bootstrap表:<div class="table-responsive"><table class="table table-bordered"><thead><tr><th>#</th><th>First Name</th><th>Last Name</th><th>Username</th></tr></thead><tbody><tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>...

javascript – CSS菜单隐藏在IE后面(SWFObject)【代码】

我知道这个问题被问了很多,我在发布之前检查了所有“相关问题”,我尝试了所有可以找到的不同解决方案,但无济于事. 我正在Site Page的网站上工作,并且使用原始创建者使用的Pop Menu Magic进行标题导航,它目前隐藏在仅在IE下面播放的swf下,同时在Firefox中完美运行. 我尝试了将wmode更改为透明或不透明的所有内容,在不同的div上使用z-index,确保它们具有已定义的位置等. 任何帮助将不胜感激. 这是“嵌入”代码:<div id="slideShow">...