javascript - 页面加载后淡入内容

标签 javascript jquery html fade

执行此操作的最佳方法是什么?如何使其不受浏览器的影响?例如,this post确定最佳实践是用不透明的 div 覆盖您的内容并在加载后淡出。但是如果客户端禁用了 javascript 怎么办? PHP 对 JS 的检测并不可靠,如果使用不透明的 div 方法,您将永远不会在禁用 JS 的浏览器中看到内容。

想法?

最佳答案

您可以在 css 中将覆盖元素的默认设置为 display: none 并使用 document.write 在 head 中(在主 css 之后)插入一个样式标签来设置它显示: block 。如果 js 被禁用,则永远不会被看到,因为 write 将被忽略。

另一种方法是在你的 head 中使用脚本向 html 标签添加一个类,例如 js_enabled ,使 css 规则像

.overlay { display:none}
.js_enabled .overlay { display:block}

关于javascript - 页面加载后淡入内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9611815/

相关文章:

javascript - Ajax 表单提交 PreventDefault() 不起作用

jquery - 通过 jQuery 更改源后 html 音频找不到文件

javascript - 如果只有一行文本,则垂直居中文本区域文本

javascript - 当另一个出现在屏幕上时如何隐藏一个 Bootstrap 的模态?

javascript - 如何使用selenium选择没有id的下拉菜单

jQuery - 删除几个类

javascript - 我如何通过单击预先选择的选项来装配 jquery 函数

javascript - 从用户生成的 li 列表中的 ahref 链接创建数组

html - CSS:Chrome 和 Safari 忽略表格单元格高度

html - 奇怪的 HTML5 Canvas drawImage 行为