草庐IT

CSS动画2d、3d效果

全部标签

javascript - 我的心智模型错了吗?如果使用 https 调用页面,则将使用 https 调用相对 css 路径

Ifyourpagegetscalledusinghttpsprotocol,anyrelativepathtoanexternalcsswillbecalledusinghttpsprotocolaswell.Areyoureallyneedtoencrypt/decryptcsscontents?:DHowever,ifyouuseabsolutepathreferringtoanexternalcss,youcanspecifytheprotocoltouse,generallyhttpratherthanhttps.MaybeIamwrong!请让我知道我的心智模型是否完全错误

javascript - 如何使用 CSS 或 Javascript 定位 Mac

我需要在我的样式表中使用特定的Mac样式。最好的方法是什么? 最佳答案 在理想情况下,您不需要为不同的操作系统fork样式。然而,有时特定的设计会需要它-特别是样式表单元素。如果你真的需要,下面的脚本将在html元素上设置一个类:(function(flags,app){os('Win','os-win');os('Mac','os-mac');if(document.documentElement){document.documentElement.className+=flags.join('');}functionos(s,f

javascript - jQuery 动画延迟

如何使用jQuery延迟动画?我需要获取一个navigation展开宽度,然后展开高度,然后reversed做反向动画。代码:$(function(){$("#navli").not("#logo,#navliulli").hover(function(){$(this).animate({width:"200px"},{queue:false,duration:1000});},function(){$(this).animate({width:"30px"},{queue:false,duration:1000});});$("#navli.parent").hover(funct

javascript - 如何让 jQuery 或 Javascript 根据当前 url 更改 css?

我在与我的内容不同的文件中有一个导航区域,我使用phpinclude将两者结合在一起。我希望导航区域链接根据事件页面(即当前URL)更改颜色。所以我希望jQuery或Javascript读取当前URL(实际上只是文件名,如home.html),然后基于它编写CSS。就像,如果url=home.html,更改nav.home.background->blue的css 最佳答案 在你的情况下,你可以尝试这样的事情:$("A").each(function(){if(this.href==document.URL){$(this).add

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

css - 当没有打开 Javascript 时。还有什么解决办法?

我正在做一个网站。我有一张图片,我在CSS中将其设置为display:none。我使用JavaScript来显示它并在页面加载完成后将其滑入。它运行良好。我想在禁用JS的情况下启动网站,看看会发生什么。我重新加载了网页,但图像根本没有显示。这是正常的,因为它已在CSS中设置为display:none。这是我的问题:解决这个问题的方法是什么?我想要一种情况,即使在浏览器中禁用了JS,用户仍然可以看到图像。此时我不希望图像滑入,但我希望它像网页上的任何其他内容一样加载和显示。 最佳答案 您可以检测JS是否已启用(一些类似Moderniz

javascript - 如何为 google maps api 圆制作动画?

我在CSS3中构建了一个脉冲动画我想在googlemapsapi中实现标记不幸的是它不可能直接插入到map中。CSS3动画或是否有任何选项是否可以将googlemapcircle作为动画增加和减少。varmyCity=newgoogle.maps.Circle({center:bigOne,radius:150,strokeColor:"#E16D65",strokeWeight:2,fillColor:"#E16D65",fillOpacity:0});varsmallcircle=newgoogle.maps.Circle({center:smallOne,radius:300,s

javascript - 如何在考虑 html 标签规则的 JavaScript 中创建打字机效果?

假设我有一些来自div标签的文本,如下所示:Thisissomecoolcontent...现在,如果我愿意,我可以创建一个JavaScript函数,一次打印一个字符,它会工作得很好。示例如下。functionprintSentence(inner,outer,index,speed){varinput=document.getElementById(inner).innerHTML;vartimer=setInterval(function(){document.getElementById(outer).innerHTML+=input.charAt(index);index++;

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

javascript - 如何制作玻璃状和半透明效果的div?

我想给一个div一个玻璃反射外观以及半透明效果。我怎样才能结合这两种效果,使div看起来像一个玻璃般透明的小工具?有办法做到这一点吗?div的bgcolor是lightskyblue,还没有设置背景图片。 最佳答案 您可以在背景颜色中赋予alpha透明度。例如div{background:rgba(255,255,255,0.5);/*whitecolorwith50%transparency*/}在IE中,rgba不起作用。你需要使用过滤器。例如div{background:transparent;-ms-filter:"prog