html5鼠标双击段落文字高亮显示遮罩层效果代码



165 659 220



特效描述:html5 鼠标双击段落 文字高亮显示 遮罩层效果,选择高亮文字

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/demo.css" type="text/css" />

2. 引入JS

<script src="js/fokus.min.js"></script>

3. HTML代码

<div class="intro">
	<article>
		<h1>Fokus</h1>
		<p>
		Fokus uses JavaScript to emphasize anything you select by covering the rest of the page with semi-transparent black.
		</p>
		<p>
		Try it out by selecting this paragraph or the sample content below. You'll see the entire page fade out while this text is highlighted.
		</p>
		<p>
		If you want to use Fokus on your site you just need to include the  fokus.min.js  script (3kb, no dependencies).
		</p>
		<p>
		Fokus is also available as a Chrome extension.
		</p>
	</article>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到