jQuery插件jFade实现鼠标经过的图片高亮其它变暗

2020-05-17 06:27:06易采站长站整理

今天为大家带来一款鼠标经过当前高亮其它变暗jQuery插件jFade,此款插件能实现的功能简单而且很实用,当鼠标经过图片列表或是文字列表时悬停当前高亮显示,其它图片列表变暗突出显示鼠标当前悬停。


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
    <meta name=”Author” content=”pakaerf”> 
    <script type=’text/javascript’ src=’jquery.min.js’></script>
    <script type=’text/javascript’ src=’jfade.js’></script>
    <link rel=”stylesheet” href=”main.css”  type=”text/css”/>
    <script type=”text/javascript”> 
    $().ready(function() {
        $(‘.jfade_image’).jfade();
        $(‘.portfolio’).jfade({
            start_opacity: “.4”,
            high_opacity: “1”,
            low_opacity: “.2”,
            timing: “500”
        });
        $(‘.button’).jfade({
            start_opacity: “1”,
            high_opacity: “1”,
            low_opacity: “.4”,
            timing: “500”
        });
        $(‘.text’).jfade({
            start_opacity: “1”,
            high_opacity: “1”,
            low_opacity: “.7”,
            timing: “500”
        });
        $(‘.links’).jfade({
            start_opacity: “.9”,