https://shitanda.com/js/opacityRollover.js

1/*=====================================================
2meta: {
3  title: "jquery-opacity-rollover.js",
4  version: "2.1",
5  copy: "copyright 2009 h2ham ([email protected])",
6  license: "MIT License(http://www.opensource.org/licenses/mit-license.php)",
7  author: "THE HAM MEDIA - http://h2ham.seesaa.net/",
8  date: "2009-07-21"
9  modify: "2009-07-23"
10}
11=====================================================*/
12(function($) {
13	
14	$.fn.opOver = function(op,oa,durationp,durationa){
15		
16		var c = {
17			op:op? op:1.0,
18			oa:oa? oa:0.6,
19			durationp:durationp? durationp:'fast',
20			durationa:durationa? durationa:'fast'
21		};
22		
23
24		$(this).each(function(){
25			$(this).css({
26					opacity: c.op,
27					filter: "alpha(opacity="+c.op*100+")"
28				}).hover(function(){
29					$(this).fadeTo(c.durationp,c.oa);
30				},function(){
31					$(this).fadeTo(c.durationa,c.op);
32				})
33		});
34	},
35	
36	$.fn.wink = function(durationp,op,oa){
37
38		var c = {
39			durationp:durationp? durationp:'slow',
40			op:op? op:1.0,
41			oa:oa? oa:0.2
42		};
43		
44		$(this).each(function(){
45			$(this)	.css({
46					opacity: c.op,
47					filter: "alpha(opacity="+c.op*100+")"
48				}).hover(function(){
49				$(this).css({
50					opacity: c.oa,
51					filter: "alpha(opacity="+c.oa*100+")"
52				});
53				$(this).fadeTo(c.durationp,c.op);
54			},function(){
55				$(this).css({
56					opacity: c.op,
57					filter: "alpha(opacity="+c.op*100+")"
58				});
59			})
60		});
61	}
62	
63})(jQuery);
64
65//設定用JS
66
67(function($) {
68$(function() {
69
70  $('.pre_img').opOver();
71  $('#over2').wink();
72  $('#over3').opOver(0.6,1.0);
73  $('#over4').opOver(1.0,0.6,200,500);
74  $('#over5').wink(200);
75  $('#over6').wink('slow',0.2,1.0);
76  $('#test1 .over ').opOver();
77
78});
79})(jQuery);
80
81
82function prof_go(mid,area){
83	document.prof_form.mid.value = mid;
84	document.prof_form.area.value = area;
85	document.prof_form.submit();
86}
87
88function list_go(cid,area){
89	document.list_form.cid.value = cid;
90	document.list_form.area.value = area;
91	document.list_form.submit();
92}